国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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)文章:
主站蜘蛛池模板: 中文字幕免费在线视频 | 99在线观看巨臀大臀视频 | aaa成人永久在线观看视频 | 97超级碰碰碰免费公开在线观看 | 男女男精品视频在线播放 | 亚洲一区2区三区4区5区 | 在线毛片一区二区不卡视频 | 乱码一区 | 国产手机在线小视频免费观看 | 在线国产三级 | 视频一区二区三区在线 | 污到下面流水的视频 | 日韩精品一二三区 | 国产偷怕自拍 | 精品无码一区在线观看 | 牛人盗摄一区二区三区视频 | 欧洲成人免费视频 | 久久这里有精品视频 | 欧美野外性k8播放性迷宫 | 欧美午夜a级精美理论片 | 亚洲福利影视 | 亚洲国产精品二区久久 | 国产午夜爽爽窝窝在线观看 | 精品自拍一区 | 免费一级特黄3大片视频 | 美女精品永久福利在线 | 一区二区三区影视 | 在线观看中文字幕国产 | 5x性区m免费毛片视频看看 | 日日爽夜夜操 | 亚洲欧美久久精品一区 | 国产精品成人一区二区不卡 | 性欧美巨大的视频 | 欧美理论片在线观看一区二区 | 一区二区三区日本视频 | 毛片一级免费 | 荡公乱妇蒂芙尼中文字幕 | 国产精品亚洲片夜色在线 | 亚洲国产成人精品一区91 | 国产日韩欧美网站 | 欧美在线高清视频 |