資源描述：
《渴切-開源中文css框架之css3常見動(dòng)畫效果集合》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、渴切-開源中文css框架之css3常見動(dòng)畫效果的集合/*animation*/.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1sease;-moz-animation:1sease;-ms-animation:1sease;animation:1sease;}.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL,.a-bouncein,.a-bounceinT,.a-bo
2、unceinR,.a-bounceinB,.a-bounceinL,.a-rotatein,.a-rotateinLT,.a-rotateinLB,.a-rotateinRT,.a-rotateinRB,.a-flipin,.a-flipinX,.a-flipinY{-webkit-animation:1sease-outbackwards;-moz-animation:1sease-outbackwards;-ms-animation:1sease-outbackwards;animation:1sease-outbackwards;}
3、.a-fadeout,.a-fadeoutT,.a-fadeoutR,.a-fadeoutB,.a-fadeoutL,.a-bounceout,.a-bounceoutT,.a-bounceoutR,.a-bounceoutB,.a-bounceoutL,.a-rotateout,.a-rotateoutLT,.a-rotateoutLB,.a-rotateoutRT,.a-rotateoutRB,.a-flipout,.a-flipoutX,.a-flipoutY{-webkit-animation:1sease-inforwards;
4、-moz-animation:1sease-inforwards;-ms-animation:1sease-inforwards;animation:1sease-inforwards;}/*淡入*/.a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;}/*淡入-從上*/.a-fadeinT{-webkit-animation-name:fadeinT;-moz-
5、animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}/*淡入-從右*/.a-fadeinR{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}/*淡入-從下*/.a-fadeinB{-webkit-animation-name:fadeinB;-moz-animation-na
6、me:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}/*淡入-從左*/.a-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}/*淡出*/.a-fadeout{-webkit-animation-name:fadeout;-moz-animation-name:fadeout;-ms-
7、animation-name:fadeout;animation-name:fadeout;}/*淡出-向上*/.a-fadeoutT{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;}/*淡出-向右*/.a-fadeoutR{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-anim
8、ation-name:fadeoutR;animation-name:fadeoutR;}/*淡出-向下*/.a-fadeoutB{-webkit-animation-name:fadeout
