首頁 > web前端 > html教學 > 鼠标hover时区块动画旋转变色的css3样式掩码_html/css_WEB-ITnose

鼠标hover时区块动画旋转变色的css3样式掩码_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:44:05
原創
1299 人瀏覽過

鼠标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>
登入後複製

  

演示及下载

 

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板