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 轴的值。

代码实现:

阅读剩余部分

相关阅读 >>

css如何设置图片不平铺

css怎么让两个div在同一行显示

css怎么去掉斜体样式

css实现文字竖排效果

css如何控制输出字数

怎么用css实现左右运动效果

css怎么设置背景图片自适应居中

css如何实现幻灯片效果

css page-break-before属性怎么用

css如何实现各种形状

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




打赏

取消

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

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

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

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

评论

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