問題討論區


【CSS 語法】問題討論區


【問題】 css3 animation問題



css3 animation問題
會員一級
註冊日期:
2010/9/3 15:42
留言: 3
我想問 css3的animation作完可以做別的是嗎?
例如
.box {
background-color:#333;
-webkit-animation-name:hannah;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:3;
-webkit-animation-direction:alternate;
-webkit-animation-timimg-function:ease-in-out;
}
@-webkit-keyframes hannah {
0% {
-webkit-transform:scale(1);
}
100% {
-webkit-transform:scale(3);
}
}
作完動畫想讓.box 的 background-color從灰色變紅色;這是可行的嗎?
因為看起來css3 animation並不會改變原本屬性 所以跑完動畫只會回到原本的樣子

因為像jquery的animate跑完事會停留在跑完動畫那一瞬間的
也可以以讓他跑完動畫做動作
$('#id').animate({left:50},200,function(){
跑完做動作
})

css3要如何做呢?

2012/10/5 11:54
 









[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 2 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

TOP

【 Flycan.com 】 Powered by XOOPS