.trans-rotate{
-webkit-transition: transform .25s linear;
-moz-transition: transform .25s linear;
-o-transition: transform .25s linear;
transition: transform .25s linear;
}/* 加上这个样式后，才会在0.25秒内旋转完毕。否则只会显示立刻旋转完的结果 */
.btnbg:hover{transform:rotate(360deg);} /* 鼠标移上去后，旋转*/
在需要旋转的元素上加上 class="btnbg trans-rotate"
-------------------------------------------------
web前端鼠标经过图片凸起
在需要这种特效的img标签上加上class=".img-aoqi"
.img-aoqi{
-webkit-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
-ms-transition: all ease-out .5s;
}
.img-aoqi:hover{
-webkit-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
-ms-transform: scale(1.08)
}