Home >Web Front-end >HTML Tutorial >Pure CSS3 hover icon rotation navigation animation code_html/css_WEB-ITnose
Pure CSS3 hover icon rotation navigation animation code_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2016-06-24 11:43:001145browse
Share a pure CSS3 hover icon rotation navigation animation code. This is a navigation menu that animates and rotates when the mouse is moved over the icon. The renderings are as follows:
Online preview Source code download
Implemented code.
html code:
<div id="x_contant"> <a class="xzt1" href="#"><img src="images/xztz_1.png" /></a> <a class="xzt2" href="#"><img src="images/xzt_2.png" /></a> <a class="xzt3" href="#"><img src="images/xztz_3.png" /></a> <a class="xzt4" href="#"><img src="images/xzt_4.png" /></a> <a class="xzt5" href="#"><img src="images/xztz_5.png" /></a> <a class="xzt6" href="#"><img src="images/xzt_6.png" /></a> <a class="xzt7" href="#"><img src="images/xztz_7.png" /></a></div>
via: http://www.w2bc.com/Article/42488
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn