不定期更新,动画这里用得越来越少,为遗忘得知识点补课
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
以后西有时间会一步步从项目中实践