国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 新野县| 皋兰县| 古丈县| 陵川县| 灯塔市| 龙泉市| 洛南县| 洞头县| 望谟县| 昌宁县| 西昌市| 昌都县| 巴里| 两当县| 长兴县| 彭水| 达尔| 乌什县| 祁东县| 吉林省| 故城县| 班戈县| 黎城县| 武隆县| 合作市| 双柏县| 长汀县| 西华县| 攀枝花市| 徐汇区| 无棣县| 和龙市| 同仁县| 清水河县| 平定县| 苍溪县| 顺平县| 咸阳市| 长沙县| 精河县| 聂荣县|