CSS3 过渡 transition

CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。

要实现这一点，必须规定两项内容：

  • 指定要添加效果的CSS属性
  • 指定效果的持续时间。

 

 

<style type="text/css">
.box{
width: 200px;
height: 150px;
background-color: pink;
transition: all 1s;
}
.box:hover{
width: 400px;
height: 300px;
background-color: aqua;
}

</style>
</head>
<body>
<div class="box"></div>
</body>

posted @ 2021-01-04 22:47  不忘初心11  阅读(39)  评论(0)    收藏  举报