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

0 vote147 views1 answer
Css height animation
CSS
0 vote160 views1 answer
How to add space inbetween lines in html
CSS
0 vote148 views1 answer
Htaccess file extension
CSS
7 votes165 views2 answers
Stick footer to bottom
CSS
0 vote172 views1 answer
Z pos css
CSS
0 vote151 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
0 vote275 views1 answer
Ratio bootstrap
CSS Bootstrap
0 vote144 views1 answer
What is bulletproof buttons
CSS
0 vote157 views1 answer
Font-display css google fonts
CSS
6 votes177 views4 answers
Disable scroll css
CSS