css怎么让图片旋转90度


本文摘自PHP中文网,作者V,侵删。

css让图片旋转90度的方法:利用transform属性来进行图片旋转,如【transform:rotate(90deg)】。transform属性用于元素的2D或3D转换,该属性允许我们将元素旋转、缩放、移动、倾斜。

属性介绍:

Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。

(学习视频推荐:css视频教程)

语法:

1

transform: none|transform-functions;

属性值:

  • none 定义不进行转换。

  • translate(x,y) 定义 2D 转换。

  • translate3d(x,y,z) 定义 3D 转换。

  • translateX(x) 定义转换,只是用 X 轴的值。

  • translateY(y) 定义转换,只是用 Y 轴的值。

  • translateZ(z) 定义 3D 转换,只是用 Z 轴的值。

代码实现:

阅读剩余部分

相关阅读 >>

最受欢迎的10大css框架

css text-transform属性怎么用

margin和padding的区别是什么

css3实现微信小程序瀑布流布局的代码示例

怎么下载网页的css文件

css怎么设置平行虚线

关于html和css绘制三角形图标的方法

手机端怎样用rem+scss做适配

css书写顺序需要注意哪些?

css怎么设置div边框

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...