av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

html5 - 用css動畫方式描述:一個球彈起落下(持續時間2s,,執行一次)

瀏覽:116日期:2022-12-11 10:09:45

問題描述

用css動畫方式描述:一個球彈起落下(持續時間2s,,執行一次)

問題解答

回答1:

隨意寫的 沒有考慮兼容 可以自己更改一下運動速度什么的

<style>#app{ width: 300px; height:400px; border: 1px solid #d6e9c6; position: relative;}.barTip{ width: 100px; height: 10px; background: red; position: absolute; top: 130px; left: 32%;}#bar{ position: absolute; width: 30px; height:30px; background: #2a6496; border-radius: 15px; left: 45%; animation-name:myfirst; animation-duration:2s; animation-timing-function:linear; /*animation-delay:2s;*/ animation-iteration-count:1; animation-direction:alternate; animation-play-state:running;}@keyframes myfirst{ 0% { top:0px;} 10% { top:20px;} 20% { top:40px;} 30% { top:60px;} 40% { top:80px;} 50% { top:100px;} 60% { top:80px;} 70% { top:60px;} 80% { top:40px;} 90% { top:20px;} 100% { top:0px;}} </style></head><body><p id='app'> <p id='bar'><!--球--> </p> <!--板--> <p class='barTip'> </p></p回答2:

不知道你是不是要這樣,建議你還是看一下css3jsbin demo

標簽: Html5
相關文章:
主站蜘蛛池模板: 淫片专区| 精品日韩一区二区 | 国产精品视频免费观看 | 亚洲精品成人av久久 | 亚洲精品久久区二区三区蜜桃臀 | 黑人中文字幕一区二区三区 | 国产成人av电影 | 日本三级全黄三级三级三级口周 | 久久精品色欧美aⅴ一区二区 | 国产精品成人国产乱 | 国产精品一区二区三区久久久 | 成人伊人 | 精品视频成人 | 小早川怜子xxxxaⅴ在线 | 亚洲欧美激情精品一区二区 | 亚洲精品成人 | 亚洲免费视频一区 | 日本欧美国产在线观看 | 日韩精品一区二区三区 | av先锋资源 | 一区二区三区国产好 | 欧美日韩久久精品 | 成人免费视频网站在线看 | 亚洲一区二区三区在线播放 | 99re视频在线免费观看 | 精品国产乱码久久久久久影片 | 天堂av中文 | 日韩精品视频在线 | 香蕉视频在线播放 | 精品三级在线观看 | 久久伊人操 | 欧美日韩三级视频 | 四虎成人免费电影 | av一级毛片 | 午夜在线免费观看 | 每日在线更新av | 中文字幕在线观看第一页 | 日本精品视频一区二区 | 国产午夜精品一区二区三区四区 | 99成人免费视频 | www.日韩|