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

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

css - 如何讓圖片像雲一樣的行為?

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

問題描述

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

.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}}

現在想問的是如何讓它像雲一樣,讓圖慢慢移動後,消失?然後在原本那一端再出現一次圖,不斷循環?

問題解答

回答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; }}

其實加上透明就行了,動畫內的樣式是可以有多個的。然後根據你的意思是不是直接寫成下面的就可以了?

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

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

回答3:

可以試試讓99-100%時把元素給向內旋轉成一條線,迅速飛回去,形成錯覺

回答4:

看看這個很厲害哦

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

標簽: CSS
相關文章:
主站蜘蛛池模板: 成人综合国产乱在线 | 亚欧免费视频 | 国产一级网站 | 午夜三级国产精品理论三级 | 国产一级一级毛片 | 精品国产欧美一区二区五十路 | 日韩精品在线免费观看 | 亚洲女视频 | 亚洲精品99久久久久中文字幕 | 伊人久久国产免费观看视频 | 八戒午夜精品视频在线观看 | 久久精品综合免费观看 | www成人免费视频 | 91.久久 | 97婷婷狠狠成人免费视频 | 一级毛片 在线播放 | 日韩三级在线 | 高清一级毛片 | 国产精品在线播放 | 国产成人免费在线观看 | 波多野结衣在线播放 | 欧美一级aa天码毛片 | 日韩女人做爰大片 | 国产精品资源手机在线播放 | 中文一级国产特级毛片视频 | 国产一级高清视频 | 大美女香蕉丽人视频网站 | 精品无人区一区二区三区a 精品午夜国产在线观看不卡 | 亚洲午夜一区二区三区 | 美国成人免费视频 | 亚洲国产精品不卡毛片a在线 | 国产一区三区二区中文在线 | 成人做爰全过程免费看网站 | 明星国产欧美日韩在线观看 | 手机亚洲第1页 | 婷婷亚洲久悠悠色在线播放 | 99免费在线 | 亚洲成人免费网址 | 国产视频手机在线 | 欧美中文字幕在线看 | 欧美特黄一区二区三区 |