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

69 votes391 views6 answers
Flexbox elements
CSS
0 vote383 views1 answer
Display inline-block not working
CSS
72 votes455 views6 answers
Position absolute center
CSS
2 votes381 views6 answers
Tailwindcss
CSS
2 votes377 views2 answers
Xcel turn off scrool lock
CSS
5 votes376 views2 answers
Important css
CSS
0 vote358 views1 answer
Css light mode
CSS
3 votes347 views2 answers
Css glow text
CSS
-1 vote356 views1 answer
<link>
CSS
0 vote362 views1 answer
How to make an element vertically centered in a dv
CSS