色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

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

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

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

問題描述

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

問題解答

回答1:

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

<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

標(biāo)簽: Html5
相關(guān)文章:
主站蜘蛛池模板: 成人免费网站视频 | 国产精品亚洲综合网站 | 91精品啪在线看国产网站 | 欧美xxxx成人免费网站 | 女人成午夜大片7777在线 | 国产特级全黄一级毛片不卡 | www.黄色com| 天堂1在线观看 | 国产一级做性视频 | 九九在线偷拍视频在线播放 | 草草影院ccyy免费看片 | 一个人看的www片免费视频中文 | 亚洲一区免费在线观看 | 悟空影视大全免费高清 | 亚洲国产成人久久99精品 | 欧美一级毛片特黄大 | 9丨精品国产高清自在线看 ⅹxx中国xxx人妖 | 性刺激欧美三级在线现看中文 | 午夜91理论片 | 亚洲天堂一区二区 | 一区二区三区免费在线观看 | 亚洲精品日韩中文字幕久久久 | 国产高清精品久久久久久久 | 成人免费xxx色视频 成人免费大片a毛片 | 99久久99久久精品免费看子 | 久久成年片色大黄全免费网站 | 中文字幕日韩精品亚洲七区 | 亚洲成人在线免费观看 | 88精品视频 | 欧美午夜不卡在线观看最新 | 国产精品揄拍一区二区久久 | 国产一级a毛片高清 | 一级毛片私人影院免费 | 美女黄色影院 | 狠久久 | 日韩一级片视频 | 国产美女精品三级在线观看 | 国产成人综合手机在线播放 | 亚洲精品久久久久综合91 | free性欧美嫩交 | 99久久精彩视频 |