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 vote155 views1 answer
Import tailwind
CSS
50 votes140 views3 answers
Simple css reset
CSS
0 vote143 views1 answer
Input rtl html
CSS
15 votes142 views2 answers
Span cursor pointer
CSS
2 votes160 views2 answers
Box shadow css transition
CSS
3 votes151 views1 answer
Animation keep end state
CSS
0 vote180 views1 answer
Flex box divs squeeze together
CSS
0 vote153 views1 answer
Alinhar ao centro align item css
CSS
-1 vote146 views1 answer
Neomorphic box
CSS
0 vote147 views2 answers
Css how to stop screen from left and right
CSS