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在线播放 | 久久这里只有精品首页 | 97久久超碰| 日韩中文字幕在线播放 | 国产一级片在线播放 | 正在播放一区二区 | 久久久久无码国产精品一区 | 天天亚洲 | 国产婷婷在线视频 | 日本一区二区三区在线观看 | 中文字幕一区二区三区四区五区 | 久久久婷婷 | 国产精品美女久久久久久久久久久 | 黄色片免费看视频 | 日日操网站 | 综合欧美亚洲 | 亚洲中午字幕 | 国产精品久久国产精品99 | 秋霞a级毛片在线看 | 国产精品日本一区二区在线播放 | 亚洲国产精品久久人人爱 | 蜜桃精品噜噜噜成人av | 国产精品久久一区 | 不卡欧美 | 欧美激情一区二区三区 | 久久久久久高清 | 精品一区免费 | www.se91 | 国产日韩欧美一区 | 亚洲成人免费视频在线 | 久热精品在线播放 | 国产精品毛片 | 五月婷婷激情网 |