亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

關于css旋轉動畫效果的簡單實現(xiàn)

  發(fā)布時間：2016-08-19 11:09:24   作者：佚名   我要評論
下面小編就為大家?guī)硪黄P于css旋轉動畫效果的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

我們可以通過css來做出動畫效果，下面我為大家演示的是div的旋轉，顏色過渡的動畫

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2. <html lang="zh-cmn-Hans">  
  3. <head>  
  4. <meta charset="utf-8" />  
  5. <title></title>  
  6. <style>  
  7.     a{       
  8.         text-align:center;   
  9.         line-height:100px;   
  10.         transition:all 2s;   
  11.         width:100px;   
  12.         height:100px;   
  13.         background:pink;   
  14.         float:left;   
  15.         border-radius:50%;   
  16.     }   
  17.     a:hover{   
  18.         transition:all 2s;   
  19.         background:red;   
  20.         transform-origin:50 100;   
  21.         transform:rotate(360deg);   
  22.         border-radius:50%;   
  23.            
  24.     }   
  25. </style>  
  26. </head>  
  27. <body>  
  28. <h1>請將鼠標移動到下面的矩形上：</h1>  
  29. <a>  
  30.     兩秒旋轉360   
  31. </a>  
  32. </body>  
  33. </html>  

效果自己測試，很絢麗哦！

以上這篇關于css旋轉動畫效果的簡單實現(xiàn)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

  • CSS重要屬性之 margin 屬性知識大整合(必看篇)

    下面小編就為大家?guī)硪黄狢SS重要屬性之 margin 屬性知識大整合(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-20

  • CSS background全部匯總

    下面小編就為大家?guī)硪黄狢SS background全部匯總。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-19

  • 利用CSS3實現(xiàn)自定義滾動條代碼分享

    這篇文章給大家介紹如何利用CSS3實現(xiàn)自定義滾動條，效果很好，有需要的小伙伴們可以參考借鑒。
    2016-08-18

  • 利用純CSS實現(xiàn)動態(tài)的文字效果實例

    相信大家都曾在網(wǎng)站中看到過中效果，一打開頁面，無論是文字還是圖片，都隨著規(guī)定時間的而變化，今天我們將介紹如何通過用純CSS來實現(xiàn)這種效果，下面一起來看看。
    2016-08-18

  • CSS重要屬性之float學習心得(分享)

    下面小編就為大家?guī)硪黄狢SS重要屬性之float學習心得(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-18

  • 常用的 css 命名規(guī)則(推薦)

    下面小編就為大家?guī)硪黄Ｓ玫?css 命名規(guī)則(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
    2016-08-18

  • 純CSS3制作逼真的汽車運動動畫特效源碼

    本源碼是一套使用純CSS3制作的逼真汽車運動動畫特效的代碼，通過公路斑馬線的左右晃動來制作出汽車運動的視覺效果
    2016-08-17

  • 淺談css和@import區(qū)別及用法

    下面小編就為大家?guī)硪黄獪\談css和@import區(qū)別及用法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-22

最新評論