第八章 动画

8.1 使用CSS3创建动画

CSS3动画的核心是定义keyframes和transition。

keyframes定义了动画的行为，比如定义颜色渐变动画的起始颜色和终止颜色；transition定义过渡动画的属性。

transition过渡动画

<body>
    <style>
        .demo {
            width: 100px;
            height: 100px;
            background-color: red;
            transition-property: width, height, background-color; 
            transition-delay: 2s;
            transition-duration: 1s;
            transi