CSS过渡：
强调重点：
要过渡的样式必须有初始值；并非所有样式都能过渡，一般和元素外观有关的样式都能过渡，例如：color,width,height,left,right,border,transform等。
和元素布局，定位有关的样式，一般不能过渡 。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#box{
width: 100px;
height: 100px;
border: 0px solid white;
border-radius: 0;
margin: 200px auto;
background-color: green;
text-align: center;
/* css样式在发生变化时，默认为直接变化，没有过渡的动画效果 */
/* 将某个样式设置为过渡时，这个样式在发生变化时会执行过渡动画 */
最低0.47元/天 解锁文章
406
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
