css trasition-duration transition-property属性

来源:互联网 发布:java中类名的命名规则 编辑:程序博客网 时间:2024/06/03 03:22

trasition-duration:让某个效果持续多长时间,

transition-property:效果。

IE不支持

如:

transition-property:transform;
transition-duration:5s;

transform:rotate(120deg);


<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:blue;
transition-property:transform;
transition-duration:5s;

}

div:hover
{
transform:rotate(120deg);
}
</style>
</head>
<body>

<div></div>

</body>
</html>

0 0