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

8 votes170 views2 answers
Background image no repeat fill
CSS
0 vote174 views1 answer
Button active css
CSS
0 vote181 views1 answer
How to use css transform matrix
CSS
0 vote201 views1 answer
Fix scroll css position sticky
CSS
0 vote239 views1 answer
Difference between private key and private key ssh
CSS
0 vote171 views1 answer
Display content in column css
CSS
0 vote200 views1 answer
Unclickable button
CSS
12 votes159 views4 answers
Padding in one line
CSS
5 votes168 views2 answers
Scss hover
CSS
28 votes197 views4 answers
Font face roboto css
CSS