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前端框架有哪些

如何使用css制作箭头符号

firefox中css如何把图片变成灰色

聊聊你可能不了解的css属性函数 attr()

如何去掉css字体的上下空白

网页不能正常显示css怎么办

利用html5实现图片的淡入淡出效果

html5和css3制作一个模态框实例

css派生选择器怎么用

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




打赏

取消

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

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

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

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

评论

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