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

-2 votes136 views1 answer
Sliding text css
CSS
0 vote140 views1 answer
Center tecxt css
CSS
0 vote192 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
19 votes128 views2 answers
Css center div vertically
CSS
1 vote126 views1 answer
Perfect circle css
CSS
7 votes145 views2 answers
Text align justify
CSS
-1 vote141 views1 answer
Apple gradients
CSS
4 votes128 views2 answers
Silver hex code
CSS
9 votes116 views2 answers
Box shadow as border
CSS
15 votes127 views6 answers
Hr css
CSS