国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css3 - 在過渡里面加動畫效果怎么沒有效果?

瀏覽:99日期:2023-08-02 08:11:20

問題描述

#box .demo1:after{background:radial-gradient(#0086d1 10%,#000 10%,#000 20%,#0086d1 20%,#0086d1 30%,#000 30%,#000 40%,#0086d1 40%,#0086d1 50%,#000 50%,#000);transition:all 1s;/* 3. 過渡效果 */}#box:hover .demo1:after{animation:an 2s;/* 2.引入動畫 */}/* 1.這里是動畫 */@keyframes an{ 0%{background:radial-gradient(#0086d1 10%,#000 10%,#000 20%,#0086d1 20%,#0086d1 30%,#000 30%,#000 40%,#0086d1 40%,#0086d1 50%,#000 50%,#000);} 25%{background:radial-gradient(#0086d1 10%,#000 10%,#000 20%,#0086d1 20%,#0086d1 30%,#000 30%,#000 40%,#fff 40%,#fff 50%,#000 50%,#000);} 50%{background:radial-gradient(#0086d1 10%,#000 10%,#000 20%,#0086d1 20%,#fff 30%,#000 30%,#000 40%,#fff 40%,#fff 50%,#000 50%,#000);} 75%{background:radial-gradient(#fff 10%,#000 10%,#000 20%,#fff 20%,#fff 30%,#000 30%,#000 40%,#fff 40%,#fff 50%,#000 50%,#000);}}

鼠標放上去時候,動畫沒有效果,但是我直接在在線編輯器上是有效果的。是哪兒引入錯誤?或者是書寫錯誤,瀏覽器也不報錯,我自己看代碼,也沒發現錯別字什么的?求助,謝謝。

問題解答

回答1:

可以參考下我的css3動畫,寫的不是很專業額,但是能動起來的呢~~~是一個加載的動畫.hand-load i { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear;}

@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}

標簽: CSS
相關文章:
主站蜘蛛池模板: 亚洲另类视频在线观看 | 91精品国| 手机在线播放av | 日本免费特黄aa毛片 | 国产亚洲欧美另类久久久 | 国产三级在线视频播放线 | 波多野结衣一区在线观看 | 欧美另类特大 | 久久综合狠狠综合久久97色 | 成人免费视频在线 | 国产一区二区三区日韩欧美 | 久久精品亚洲乱码伦伦中文 | 在线精品国产成人综合第一页 | 久久综合婷婷香五月 | 波多野结衣在线观看高清免费资源 | xxxxx日本59| 欧美顶级毛片在线播放 | 国产精品午夜波多野结衣性色 | 亚洲高清一区二区三区四区 | 国产亚洲精品一品区99热 | 亚洲精品国自产拍影院 | 自拍偷自拍亚洲精品一区 | 国产精品永久免费自在线观看 | 99久久国产综合精品1尤物 | 69视频成人| 美国一级片在线观看 | 精品在线视频播放 | 国产成人高清精品免费5388密 | 免费a级毛片无码 | aa大片成人免费网站 | 国产精品久久久久9999小说 | 天堂资源8中文最新版在线 天堂最新版 | 久久国产精品免费看 | 日本三级香港三级人妇 m | 456主播喷水在线观看 | 成人区在线观看免费视频 | 中文字幕亚洲综合久久男男 | 亚洲一区二区免费 | 亚洲精品国产第一区二区三区 | 国产真实搭讪系列 | 在线欧美不卡 |