如果有三个属性变化了，要使其中两个有过渡效果， 可以简写吗
来源：3-1 transition简写
Seattle0
2017-07-26 09:36:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
width:100px;
height:100px;
margin:0 auto;
background: pink;
transition:all 2s ease-in-out;
}
div:hover{
width:200px;
height:200px;
background: orange;
transition:all 2s ease-in-out ;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
如果只让background和height有过渡效果可以简写吗，怎么写
写回答
1回答
-
樱桃小胖子
2017-07-26
<style type="text/css"> div { width: 100px; height: 100px; margin: 0 auto; transition-property:height,background; background: pink; transition-duration: 5s; } div:hover { width: 200px; height: 200px; background: orange; } </style>简写方式不能直接使用transition，需要使用transition-property指定需要改变的属性（可以写多个属性，属性之间使用逗号隔开），可以参考以上代码理解，祝学习愉快！
0
相似问题