您的位置：首页 > Web前端 > CSS

鼠标HOVER时区块动画旋转变色的CSS3样式掩码

2016-10-09 17:26 435 查看

鼠标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>

演示及下载

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航