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

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

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

瀏覽:134日期: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
相關文章:
主站蜘蛛池模板: 欧美日本俄罗斯一级毛片 | 欧美日韩偷拍自拍 | 亚洲国产国产综合一区首页 | 亚洲国产精品第一区二区 | 热99re久久精品精品免费 | 成人毛片免费观看视频在线 | 国产欧美日韩综合二区三区 | 成人欧美视频在线观看 | 成人影院欧美大片免费看 | 亚洲国产欧美一区二区欧美 | 日本视频在线观看不卡高清免费 | 女人张开腿让男人添 | 欧美日韩加勒比一区二区三区 | 成人免费aaaaa毛片 | 亚洲国产成人精品一区二区三区 | 国产午夜视频 | 亚洲产国偷v产偷v自拍涩爱 | 黄a视频在线观看 | 手机看片av| 国产免费爽爽视频免费可以看 | 国产成人精品久久一区二区三区 | 黑人边吃奶边扎下面激情视频 | 亚洲精品韩国美女在线 | 亚洲在线观看网站 | 欧美一区二区三区不卡免费 | 欧美日本在线三级视频 | 国产一二三区在线观看 | 毛片成人 | 国产亚洲高清不卡在线观看 | 国产一区二区三区四区在线 | 在线久草| 欧美一级欧美一级在线播放 | 黄色国产在线观看 | 欧美一级特黄特色大片 | 亚洲天堂网在线播放 | 我想看三级特黄 | 国产一级一片免费播放i | 久污 | 国产人做人爱视频精品 | 欧美一区二区三区在线视频 | 一本久久综合 |