一. CSS3 动画效果和弹性伸缩布局以及页面制作

一．属性详解

1.

在讲解动画属性之前，先创建一个基本的样式。

// 一个 div 元素

<div> 我是 HTML5</div>

// 设置 CSS

div {

        width: 200px;

        height: 200px;

        background-color: white;

        border: 1px solid green;

}

1.@keyframes

// 创建动画的第一步，先声明一个动画关键帧。

 

@keyframes myani {

        0% {

                background-color: white;

                margin-left:0px;

}

50% {

        background-color: black;

        margin-left:100px;

}

100% {

        background-color: white;