国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

一款利用純css3實(shí)現(xiàn)的win8加載動(dòng)畫的實(shí)例分析

2024-07-11 08:30:16
字體：大 中 小
供稿：網(wǎng)友

　　今天給大家分享一款純css3實(shí)現(xiàn)的win8加載動(dòng)畫。在這款實(shí)例中動(dòng)畫效果完全由css3實(shí)現(xiàn)。一起看下效果圖：

　　實(shí)現(xiàn)的代碼。

　　html代碼：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <div class="wrapp">           <div class="text">  
  2.             <h1>                   Windows 8</h1>  
  3.         </div>           <div class="logo">  
  4.             <span class="top-left"></span><span class="bottom-right"></span>           </div>  
  5.     </div>  

　　css3代碼：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. body{        margin: 0;   
  2.     padding: 0;        background-color: #90da15;   
  3. }    .wrapp{   
  4.     position: absolute;        top: 50%;   
  5.     left: 50%;        width: 600px;   
  6.     height: 300px;        margin: -150px 0 0 -300px;   
  7.     -webkit-perspective: 30px;        -webkit-transform: translateX(0px);   
  8.     -webkit-animation: wrapp 400ms 800ms ease-in forwards;      
  9.     -moz-perspective: 30px;        -moz-transform: translateX(0px);   
  10.     -moz-animation: wrapp 400ms 800ms ease-in forwards;      
  11.     -ms-perspective: 30px;        -ms-transform: translateX(0px);   

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 南阳市| 汾阳市| 曲周县| 酉阳| 凤凰县| 富民县| 富民县| 元阳县| 怀来县| 公安县| 平乡县| 孙吴县| 镇康县| 鄯善县| 电白县| 兴安县| 鄂托克旗| 紫金县| 九台市| 本溪| 会宁县| 昭通市| 温州市| 九龙县| 吉林市| 新源县| 翼城县| 谷城县| 陇南市| 沂水县| 万源市| 类乌齐县| 高阳县| 天津市| 乌兰察布市| 永修县| 多伦县| 津市市| 贵南县| 双鸭山市| 镇巴县|