/*動畫-start
*/.animated .animated02
/*逐漸顯示
*/.toshow
/*放大效果
*/.enlarge
/*從上到下進入
*/.fadeindown
/*從下到上進入
*/.fadeinupleft
/*從右到左進入
*/.fadeinright
/*從左到右進入
*/.fadeinleft
/*中心旋轉
*/.corerotate @keyframes toshow 100% }
@-webkit-keyframes toshow 100% }
@keyframes enlarge
to }
@-webkit-keyframes enlarge
/*safari 與 chrome
*/to }
/*從上到下
*/@keyframes fadeindown
to }
@-webkit-keyframes fadeindown
/*safari 與 chrome
*/to }
/*從左下到右上
*/@keyframes fadeinupleft
to }
@-webkit-keyframes fadeinupleft
/*safari 與 chrome
*/to }
/*從右到左進入
*/@keyframes fadeinright
to }
@-webkit-keyframes fadeinright
to }
/*從左到右進入
*/@keyframes fadeinleft
to }
@-webkit-keyframes fadeinleft
to }
/*繞中心旋轉
*/@keyframes corerotate 30% 60% 90% }
@-webkit-keyframes corerotate 30% 60% 90% }
/*動畫-end
*/
進入css3動畫世界（二）
今天主要來講transition和transform入門，以後會用這兩種屬性配合做一些動效。注 本文面向前端css3動畫入門人員，我對這個也了解不深，如本文寫的有紕漏請指出，不喜勿噴。從中文翻譯來講，這是乙個過渡屬性，而這個屬性的屬性值有四種 transition property duration...
進入css3動畫世界（一）
其實我做css3動畫也沒有多久，這篇文章目標人群是css3動畫的新手，不喜勿噴。目前我接觸到的css3動畫有2類 一種是transition的，另一種是 keyframes的。兩者的區別就是，transition的動畫表達是從一種狀態到另一種狀態，而 keyframes更加靈活，乙個動畫可以在不同進...
css3新動 CSS3 動畫
注意 1 animation play state 也是 animation 的簡寫屬性，但在 webkit 中不適用 animation myfirst 5s infinite linear paused 即 animation name myfirst animation duration 5s...