Rumah > Artikel > hujung hadapan web > 鼠标hover时区块动画旋转变色的css3样式掩码_html/css_WEB-ITnose
鼠标hover时区块动画旋转变色的css3样式掩码_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:44:051275semak imbas
鼠标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>
演示及下载
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：(三)Sass和Compass制作精灵图片_html/css_WEB-ITnoseArtikel seterusnya：3款网页jQuery抽奖实例演示_html/css_WEB-ITnose