7 Comments

  1. Coway by Wan Mohd Afendi
    March 2, 2020 @ 5:45 am

    nice

    Reply

  2. Daniel GΓ’ndara
    March 2, 2020 @ 5:45 am

    Amazing!

    Reply

  3. Mike Stankovich
    March 2, 2020 @ 5:45 am

    Cool tutorial! Thanks!

    Reply

  4. Yasien Sarlie
    March 2, 2020 @ 5:45 am

    Thanks. Love this video

    Reply

  5. Bass Drip NCS
    March 2, 2020 @ 5:45 am

    amazing video

    Reply

  6. TemplateMonster
    March 2, 2020 @ 5:45 am

    Jump to 4:10 to skip the lecture about Neomorphism 😝

    Reply

  7. TemplateMonster
    March 2, 2020 @ 5:45 am

    Copy and Paste:)

    Edit: Ooh, forgot to mention that the background color and the card color was #f5f5f5

    1st effect πŸ‘‡πŸ‘‡πŸ‘‡πŸ‘‡

    .your-class {

    -webkit-box-shadow:

    5px 5px 10px rgba(0,0,0,0.1),

    -5px -5px 10px #fff ;

    -moz-box-shadow:

    5px 5px 10px rgba(0,0,0,0.1),

    -5px -5px 10px #fff ;

    box-shadow:

    5px 5px 10px rgba(0,0,0,0.1),

    -5px -5px 10px #fff ;

    }

    .your-class:hover {

    -webkit-box-shadow:

    15px 15px 20px rgba(0,0,0,0.1),

    -15px -15px 20px #fff;

    -moz-box-shadow:

    15px 15px 20px rgba(0,0,0,0.1),

    -15px -15px 20px #fff;

    box-shadow:

    15px 15px 20px rgba(0,0,0,0.1),

    -15px -15px 20px #fff;

    }

    2nd effect πŸ‘‡πŸ‘‡πŸ‘‡πŸ‘‡

    .your-class {

    -webkit-box-shadow:

    5px 5px 10px rgba(0,0,0,0.1),

    -5px -5px 10px #fff ;

    -moz-box-shadow:

    5px 5px 10px rgba(0,0,0,0.1),

    -5px -5px 10px #fff ;

    box-shadow:

    5px 5px 10px rgba(0,0,0,0.1),

    -5px -5px 10px #fff ;

    }

    .your-class:hover {

    -webkit-box-shadow:

    inset 10px 10px 20px rgba(0,0,0,0.05),

    inset -15px -15px 20px #fff;

    -moz-box-shadow:

    inset 10px 10px 20px rgba(0,0,0,0.05),

    inset -15px -15px 20px #fff;

    box-shadow:

    inset 10px 10px 20px rgba(0,0,0,0.05),

    inset -15px -15px 20px #fff;

    }

    Reply

Please Login to post a comment

X

Forgot Password?

Join Us