css3过渡

不定期更新,动画这里用得越来越少,为遗忘得知识点补课
11-6>
过渡旋转

wxml
xuanzhuan {{ss == 1 ? "chun" : "ni"}}'
wxss
.xuanzhuan{
  transition:transform 0.3s linear 0s;
}
.chun{
transform:rotate(-180deg);
}
.ni{
transform:rotate(0deg);
}
js
默认ss为0,既为不旋转
点击按钮后,赋值ss为1,让他旋转

这里最需要注意得一点就是过渡得旋转效果,
rotate(angle):围绕元素中心顺时针旋转。用负值则逆时针旋转。关键在于180°是正值还是负值

参考http://www.hangge.com/blog/cache/detail_987.html
以后西有时间会一步步从项目中实践

posted @ 2019-06-10 13:32  影思密达ing  阅读(106)  评论(0编辑  收藏  举报