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 img不透明度如何设置

zoom在css中什么意思

css外链式和导入式的区别是什么

编写css文件要写head吗

css可以做什么

css如何清除默认样式并设置公共样式

分享div+css前端命名的规则

css怎么实现字体描边效果

css如何改变文本框颜色

css中伪类和伪元素的详细介绍(代码示例)

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




打赏

取消

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

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

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

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

评论

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