Css animation 3d effect

.effect3d { animation-name: effect3d }
@keyframes effect3d {
    to {
        text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15)
    }
}

Source: cssanimation.io

Similar codes

68 votes337 views6 answers
Center position absolute
CSS
0 vote291 views1 answer
Tailwind accordion
CSS
0 vote286 views1 answer
Flexbox froggy
CSS
0 vote274 views1 answer
Lier class et css
CSS
0 vote283 views1 answer
Viewport is 480 pixels or smaller css
CSS
22 votes299 views5 answers
Grid center
CSS
16 votes315 views4 answers
CSS Font-Family
CSS
0 vote287 views1 answer
Css anchor fill parent
CSS
5 votes277 views1 answer
Css negative padding
CSS
0 vote270 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS