html鼠标移出效果,纯css3，鼠标移出怎么添加transition效果

无标题文档

.aa {width:120px; height:120px;}

/* .aa:hover .img{transform:rotate(360deg) scale(0.5); transition:transform 1s ease;} */

.aa img{

-ms-transition-property:-ms-transform;

-ms-transition-duration:0.5s;

-moz-transition-property:-moz-transform;

-moz-transition-duration:0.5s;

-webkit-transition-property:-webkit-transform;

-webkit-transition-duration:0.5s;

-o-transition-property:-o-transform;

-o-transition-duration:0.5s;

transition-property:transform;

transition-duration:0.5s;}

.aa:hover img

{

-ms-transform:rotateY(360deg);

-moz-transform:rotateY(360deg);

-webkit-transform:rotateY(360deg);

-o-transform:rotateY(360deg);

transform:rotateY(360deg);

}

运行代码

复制代码

另存代码

提示：您可以先修改部分代码再运行