鼠标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>
演示及下载