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

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

css - 如何讓圖片像雲(yún)一樣的行為?

瀏覽:97日期:2023-06-26 15:37:53

問題描述

之前問過了這個(gè)類似問題https://segmentfault.com/q/10...是如何讓他能來回走動(dòng)

.img-move{ animation:imgMove 4s linear infinite; -moz-animation:imgMove 4s linear infinite; -webkit-animation:imgMove 4s linear infinite; -o-animation:imgMove 4s linear infinite; position: absolute;}@keyframes imgMove{0% {right:100px;}25%{right:150px;}50%{right:100px;}75%{right:50px}100% {right:100px}}

現(xiàn)在想問的是如何讓它像雲(yún)一樣,讓圖慢慢移動(dòng)後,消失?然後在原本那一端再出現(xiàn)一次圖,不斷循環(huán)?

問題解答

回答1:

@keyframes imgMove { 0% {right: 100px;opacity: 0.5; } 25% {right: 150px;opacity: 1; } 50% {right: 100px;opacity: 0.5; } 75% {right: 50px;opacity: 0; } 100% {right: 100px;opacity: 1; }}

其實(shí)加上透明就行了,動(dòng)畫內(nèi)的樣式是可以有多個(gè)的。然後根據(jù)你的意思是不是直接寫成下面的就可以了?

@keyframes imgMove { 0% {right: 150px;opacity: 1; } 100% {right: 50px;opacity: 0; }}回答2:

CSS animation, JS setInterval定時(shí)添加class類名,然后移除類名

回答3:

可以試試讓99-100%時(shí)把元素給向內(nèi)旋轉(zhuǎn)成一條線,迅速飛回去,形成錯(cuò)覺

回答4:

看看這個(gè)很厲害哦

http://www.17sucai.com/previe...

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 黄色美女在线观看 | 亚洲伊人色一综合网 | 国内精品一区二区2021在线 | 久久大胆视频 | 亚洲人成网站观看在线播放 | 男同黄网站 | 国产精品人成 | 亚洲一区二区精品视频 | 免费人成综合在线视频 | 亚洲成年男人的天堂网 | 亚洲国产99 | 精品久久久在线观看 | 青青青免费手机版视频在线观看 | 在线欧美视频 | 亚洲人成网址在线观看 | 国产高清在线精品一区在线 | 一级特黄特色的免费大片视频 | 中文字幕一区在线播放 | 日韩欧美在线综合网高清 | 精品久久国产老人久久综合 | 国产成人久久综合热 | 999国产精品亚洲77777 | 国产成人精品视频一区 | 欧美一级毛片免费网站 | 一区二区三区成人 | 欧美成人免费xxx大片 | 国产一级黄色 | 中文字幕成人在线 | 久久久黄色大片 | 99久久国产综合精品成人影院 | 国产高清免费 | 精品久久久久久 | 99久久免费国产香蕉麻豆 | 免费不卡毛片 | 亚洲品质自拍网站 | 免费国产成人高清在线观看不卡 | 波多野结衣一区二区在线 | 欧美日韩精品一区二区三区高清视频 | 在线观看免费av网站 | 免费日韩一级片 | 精品久久国产老人久久综合 |