Maison > Article > interface Web > 鼠标hover时区块动画旋转变色的css3样式掩码_html/css_WEB-ITnose
鼠标hover时区块动画旋转变色的css3样式掩码_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:44:051275parcourir
鼠标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>
演示及下载
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：(三)Sass和Compass制作精灵图片_html/css_WEB-ITnoseArticle suivant：3款网页jQuery抽奖实例演示_html/css_WEB-ITnose