Home > Article > Web Front-end > CSS3 style mask for block animation rotation and color change when mouse hover_html/css_WEB-ITnose
CSS3 style mask for block animation rotation and color change when mouse hover_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:44:051270browse
鼠标hover时区块动画旋转变色的css3样式掩码<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Sticky notes using CSS3 and Google Fonts (Step 5)</title></head><body><div style="text-align:center; font-weight:bold;"><a style="color:#2dbdf1;"href="http://www.100sucai.com">100sucai.com</a></div> <ul> <li> <a href="#"> <h2>Title #1</h2> <p>Text Content #1</p> </a> </li> <li> <a href="#"> <h2>Title #2</h2> <p>Text Content #2</p> </a> </li> <li> <a href="#"> <h2>Title #3</h2> <p>Text Content #3</p> </a> </li> <li> <a href="#"> <h2>Title #4</h2> <p>Text Content #4</p> </a> </li> <li> <a href="#"> <h2>Title #5</h2> <p>Text Content #5</p> </a> </li> <li> <a href="#"> <h2>Title #6</h2> <p>Text Content #6</p> </a> </li> <li> <a href="#"> <h2>Title #2</h2> <p>Text Content #2</p> </a> </li> <li> <a href="#"> <h2>Title #7</h2> <p>Text Content #7</p> </a> </li> <li> <a href="#"> <h2>Title #8</h2> <p>Text Content #8</p> </a> </li> </ul></body></html>
Demo and Download
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