css css3
transform: rotate 旋转
.row-arrow {
display: inline-block;
width: 0.12rem;
height: 0.12rem;
margin-left: 7px;
background: url("~@/assets/img/arrow.png") no-repeat center / 100%;
transition: all 0.3s;
&.closed {
transform: rotate(180deg);
}
}推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 3.css浮动
- css|我用css精灵图拼接了自己的英文名字，不会还有人不知道精灵图技术吧（）
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- CSS兼容性笔记
- 微信小程序____CSS篇之定位（position）及浮动（float）
- 18，页面优化
- Web前端如何学习?
- CSS笔记