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

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

css3 - css做動畫效果

瀏覽:123日期:2023-06-26 17:53:36

問題描述

css3 - css做動畫效果

把紅色框內(nèi)做成那種來回動畫效果怎么做?。?/p>

問題解答

回答1:

<!DOCTYPE html><html><head><style> p{ width:100px; height:100px; background:red; position:relative; animation:mymove 1s infinite; -moz-animation:mymove 1s infinite; /* Firefox */ -webkit-animation:mymove 1s infinite; /* Safari and Chrome */ -o-animation:mymove 1s infinite; /* Opera */ animation-direction: alternate;}@keyframes mymove{ from {left:0px;} to {left:200px;}}@-moz-keyframes mymove /* Firefox */{ from {left:0px;} to {left:200px;}}@-webkit-keyframes mymove /* Safari and Chrome */{ from {left:0px;} to {left:200px;}}@-o-keyframes mymove /* Opera */{ from {left:0px;} to {left:200px;}}</style></head><body><p></p></body></html>

運(yùn)行一下上面的代碼,改于w3school。

鏈接為:http://www.w3school.com.cn/cs...

回答2:

給你個(gè)鏈接 自己對著改參數(shù)

回答3:

給那個(gè)三角圖片 擺好位置后, 用類去控制動作。

比如

.move { -webkit-animation-name:’example’; // other code} @-webkit-keyframes ’example’ { 0% {-webkit-transform: translateX(0); } 50% { -webkit-transform: translateX(100px); } 100% { -webkit-transform: translateX(0); } } // 補(bǔ)充說明: -webkit-animation-name:’xxx’;/*動畫屬性名,也就是我們前面keyframes定義的動畫名*/ -webkit-animation-duration: 10s;/*動畫持續(xù)時(shí)間*/ -webkit-animation-timing-function: ease-in-out; /*動畫頻率,和transition-timing-function是一樣的*/ -webkit-animation-delay: 2s;/*動畫延遲時(shí)間*/ -webkit-animation-iteration-count: 10;/*定義循環(huán)資料,infinite為無限次*/ -webkit-animation-direction: alternate;/*定義動畫方式* 回答4:

css3的動畫效果主要是通過過渡來實(shí)現(xiàn)的,用animate來定義一個(gè)補(bǔ)間動畫,瀏覽器會自動根據(jù)設(shè)置的時(shí)間來進(jìn)行渲染。樓上兩位大神的代碼已經(jīng)做得很完善了,具體效果題主可以自己根據(jù)需要修改

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 在线亚洲精品国产成人二区 | 成人免费夜片在线观看 | 免费看一级做a爰片久久 | 国产成人精品三级在线 | 一级片a| 日本vs欧美一区二区三区 | 992人人tv香蕉国产精品 | 米奇精品一区二区三区在线观看 | 真人一级毛片全部免 | 国产三区视频在线观看 | 国产99视频精品免视看9 | pgone太大了兽王免费视频 | 国产上床视频 | 久久香蕉国产精品一区二区三 | 一级日韩 | 国产精品路边足疗店按摩 | 国内精品免费一区二区观看 | 在线观看免费为成年视频 | 狠狠色综合网站久久久久久久 | 日本毛片在线 | 91久久香蕉国产线看 | 亚洲欧洲一二三区机械有限公司 | 国产视频二| 亚洲偷 | 天天综合天天看夜夜添狠狠玩 | 国产一及毛片 | 中文字幕在线日韩 | 中文字幕视频免费在线观看 | 欧美日韩视频二区三区 | 老司机久久影院 | 自拍欧美日韩 | 农村寡妇女人一级毛片 | 黄a网站 | 日本波多野结衣视频 | 热99re久久国超精品首页 | 成 人 黄 色 免费网 | 国产成人免费高清视频 | 一区二区三区免费视频观看 | 成人黄色免费网址 | 神马三级我不卡 | 成人看片黄a在线看 |