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