已解決430363個問題，去搜搜看，總會有你想問的

設置邊框彈跳的代碼，能解釋一下下圖代碼嗎？我看不太懂

首頁猿問設置邊框彈跳的代碼，能解釋一下下圖...

設置邊框彈跳的代碼，能解釋一下下圖代碼嗎？我看不太懂

Html/CSS

qq_緣道_04178747 2016-11-15 17:05:37

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>填充</title><style type="text/css">#box1{? ? width:130px;? ? height:100px;? ? padding:10px;? ? border:1px solid red;? ? animation:box 1.5s;? ? animation-iteration-count:infinite;}@keyframes box{0% ?{opacity: 1; width:130px;}50% {opacity: 1; height:500px;width:145px;}100% {opacity: 0.8; width:130px;height:100px;}}</style></head><body><div id="box1">這真的是盒子？</div></body></html>

查看完整描述

3 回答

已采納

stone310

TA貢獻361條經驗獲得超191個贊

#box1{
????width:130px;
????height:100px;
????padding:10px;
????border:1px?solid?red;
????animation:box?1.5s;????????????????????/*定義了動畫名稱（box）和每次動畫持續時間（1.5s）*/
????animation-iteration-count:infinite;????/*定義了動畫執行次數（此處為無限次infinite）*/
}
@keyframes?box?????????????????????????????/*定義box動畫*/
{
????0%??{opacity:?1;?width:130px;}????????/*執行到0%的時候，屬性為透明度1，寬130px*/
????50%?{opacity:?1;?height:500px;width:145px;}?????/*執行到50%的時候，變化的屬性為高500px，寬145px*/
????100%?{opacity:?0.8;?width:130px;height:100px;}???/*執行到100%的時候，變化的屬性為透明度0.8，寬130px，高100px*/
}

1 反對回復 2016-11-15

qq_緣道_04178747
謝謝老板的解釋，非常感謝！

回復 2016-11-15
stone310
清楚了麻煩采納吧 ^^

回復 2016-11-15
qq_緣道_04178747
OK，我采納了

回復 2016-11-16

qq_緣道_04178747

TA貢獻1條經驗獲得超0個贊

上圖哪段程序是可以使邊框彈跳的，而這段程序要怎么使用呢？

反對回復 2016-11-15

3 回答
1 關注
1463 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

設置邊框彈跳的代碼，能解釋一下下圖代碼嗎？我看不太懂

設置邊框彈跳的代碼，能解釋一下下圖代碼嗎？我看不太懂

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

設置邊框彈跳的代碼，能解釋一下下圖代碼嗎？我看不太懂

設置邊框彈跳的代碼，能解釋一下下圖代碼嗎？我看不太懂

3 回答

相關問題推薦

添加回答

設置邊框彈跳的代碼，能解釋一下下圖代碼嗎？我看不太懂

設置邊框彈跳的代碼，能解釋一下下圖代碼嗎？我看不太懂