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

18 votes373 views4 answers
Background color none
CSS
0 vote356 views1 answer
How to center icon vertically in react js
CSS
24 votes390 views3 answers
Link font size html
CSS
12 votes340 views5 answers
How to update the object value of any array key based on value
CSS
0 vote317 views1 answer
Disable on print margin html
CSS
2 votes360 views1 answer
Css div take remaining screen height
CSS
0 vote362 views1 answer
@media for react style css
CSS
6 votes386 views2 answers
How to add scss to a react app
CSS
6 votes375 views2 answers
Css border
CSS
0 vote345 views1 answer
Curfont
CSS