Rumah > hujung hadapan web > html tutorial > 鼠标hover时区块动画旋转变色的css3样式掩码_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 11:44:05
asal
1351 orang telah melayarinya

鼠标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>
Salin selepas log masuk

  

演示及下载

 

Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan