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

代码实现:

阅读剩余部分

相关阅读 >>

html以及css的常用用法

css如何去掉滚动条样式

css如何清除input默认样式

怎样实现meta标签中的viewport来控制设备屏幕的css属性

css左浮动怎么写?

css nav-up属性怎么用

css如何设置垂直居中

css实现箭头和带缺口提示框

css字体颜色的设置方法

dw如何新建css规则

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




打赏

取消

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

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

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

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

评论

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