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

-1 vote344 views1 answer
Neomorphic box
CSS
0 vote315 views1 answer
Input readonly css
CSS
0 vote330 views1 answer
Scrollbar with 2 different colors on same page css
CSS
39 votes315 views5 answers
Add drop shadow css
CSS
0 vote366 views1 answer
Flex-wrap#verhindert auslaufen aus container
CSS
0 vote340 views1 answer
Move text in a padding css
CSS
1 vote372 views1 answer
Cypress element css
CSS
28 votes352 views5 answers
Font face html
CSS
1 vote367 views2 answers
Css clearfix for floats with display table and clear both
CSS
1 vote329 views1 answer
Add css variables without global
CSS