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

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

CSS實(shí)現(xiàn)圓環(huán)旋轉(zhuǎn)加載動(dòng)畫

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

先看看效果圖，是不是很炫：

直接上代碼：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. #loader8 {        margin: 30px 50px;     
  2.   float: left;        font-size: 10px;     
  3.   position: relative;        text-indent: -9999em;     
  4.   border-top: 1.1em solid rgba(255, 128, 0, 0.2);        border-right: 1.1em solid rgba(255, 128, 0, 0.2);     
  5.   border-bottom: 1.1em solid rgba(255, 128, 0, 0.2);        border-left: 1.1em solid rgba(255, 128, 0, 1);     
  6.   -webkit-animation: load8 1.1s infinite linear;        animation: load8 1.1s infinite linear;     
  7. }      #loader8,     
  8. #loader8:after {        border-radius: 50%;     
  9.   width: 10em;        height: 10em;     
  10. }      @-webkit-keyframes load8 {     
  11.   0% {          -webkit-transform: rotate(0deg);     
  12.     transform: rotate(0deg);        }     
  13.   100% {          -webkit-transform: rotate(360deg);     
  14.     transform: rotate(360deg);        }     
  15. }      @keyframes load8 {     
  16.   0% {          -webkit-transform: rotate(0deg);     
  17.     transform: rotate(0deg);        }     
  18.   100% {          -webkit-transform: rotate(360deg);     
  19.     transform: rotate(360deg);        }     
  20. }        

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 康定县| 石泉县| 株洲市| 竹山县| 鹿泉市| 龙南县| 外汇| 金塔县| 张家界市| 阿合奇县| 灵川县| 邯郸市| 南漳县| 宾川县| 汕头市| 澎湖县| 万宁市| 沙河市| 漳州市| 崇明县| 泽库县| 庆元县| 祥云县| 伊宁市| 珲春市| 余庆县| 彭州市| 泰州市| 仁布县| 姚安县| 平舆县| 滕州市| 镇江市| 稷山县| 陵水| 台北市| 汾阳市| 陵水| 彰化市| 江华| 察雅县|