Home >Web Front-end >HTML Tutorial >Pure CSS3 relief texture three-dimensional text rotation animation_html/css_WEB-ITnose
I still remember that I shared a CSS3 text 3D flip effect before. This effect gives the text a three-dimensional visual effect. The CSS3 text animation special effect I want to share today is even cooler. It not only has a three-dimensional 3D effect, but the text as a whole shows a relief-like visual effect, accompanied by rotation. The renderings are as follows:
Online preview Source code download
Implemented code.
html code:
<div class='stage'> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> <div class='layer'></div> </div>
via: http://www.w2bc.com/article/52509