利用CSS3實現制作磁帶播放動畫特效



18 68 23



特效描述:利用CSS3實現 制作磁帶播放 動畫特效,利用CSS3實現制作磁帶播放動畫特效

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. HTML代碼

<div class="container">
  <div class="mixtape-container">
    <div class="mixtape-inner">
      <div class="mixtape-inner-middle">
        <div class="mixtape-inner-tape">
          <div class="mixtape-inner-tape-ring">
            <span></span><span></span><span></span><span></span><span></span>
          </div>
        </div>
        <div class="mixtape-inner-tape">
          <div class="mixtape-inner-tape-ring">
            <span></span><span></span><span></span><span></span><span></span>
          </div>
        </div>
      </div>
    </div>
    <div class="mixtape-bottom">
      <div class="mixtape-bottom-circle"></div>
      <div class="mixtape-bottom-circle"></div>
      <div class="mixtape-bottom-circle"></div>
      <div class="mixtape-bottom-circle"></div>
    </div>
    <div class="mixtape-detail">
      <div class="screw"></div>
      <div class="screw"></div>
      <div class="screw"></div>
      <div class="screw"></div>
      <span class="tape-hole"></span><span class="tape-hole"></span><span class="tape-hole"></span>
    </div>
  </div>
</div>
<div style="text-align:center;margin:-150px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 加載動畫 h5彈窗動畫 html5彈窗動畫 h5動畫 h5背景動畫 h5場景動畫 h53D動畫 h5界面動畫 html5動畫 h5按鈕動畫 html5按鈕動畫 h5圖片動畫 h5圖標動畫 html5圖片動畫 html5圖標動畫
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表