⽤css3的属性transform画⼀个太阳学习css3的transform属性,三个常⽤的属性:
rotate属性transform 属性向元素应⽤ 2D 或 3D 转换。该属性允许我们对元素进⾏旋转、缩放、移动或倾斜。
1 translate()⽅法:元素从其当前位置移动,根据给定的left和top的坐标决定。
例如:
2 rotate() ⽅法通过 rotate() ⽅法,元素顺时针旋转给定的⾓度。允许负值,元素将逆时针旋转。
3 scale()⽅法,通过 scale() ⽅法,元素的尺⼨会增加或减少,根据给定的宽度(X 轴)和⾼度(Y 轴)参数:例如:
====================================================================================利⽤rotate()画出⼀个太阳
css代码:
html代码:
效果如下:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论