transform特性

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/liaojuajun/article/details/97753166

1.

transform无法在js上更改

setInterval(function(){
    title.style.transform = 'rotate(600deg)';
   },700)

2.

无法直接在css上使用，需要hover，或者在js上添加函数触发

3.

如果通过在元素上再添加一个class值，也会触发父级的transform
（bug：微场景滑动无法刷新动画，所没有用）

.swiper-slide.one .bot.ani{
 position: absolute;
 height: 190px;
 width: 140px;
 left: 30px;
 bottom: 250px;
 transform: rotate(-30deg);
}
.swiper-slide.one .bot.ani.image1{
}

setInterval(function(){
    title.setAttribute('class','bot ani image1');
   },7000)