css中的图片翻转属性是什么


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

css中的图片翻转属性是transform。transform属性应用于元素的2D或3D转换,我们可以利用该属性对元素进行旋转、移动、倾斜等操作,如【transform:rotate(7deg);】。

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

css3为我们提供了一个新属性transform,利用该属性我们可以对元素进行移动、旋转、倾斜等操作。

属性介绍:

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

语法:

1

transform: none|transform-functions;

常用属性值:

  • rotate(angle) 定义 2D 旋转,在参数中规定角度。

  • rotate3d(x,y,z,angle) 定义 3D 旋转。

  • rotateX(angle) 定义沿着 X 轴的 3D 旋转。

  • rotateY(angle) 定义沿着 Y 轴的 3D 旋转。

  • rotateZ(angle) 定义沿着 Z 轴的 3D 旋转。

(学习视频分享:css视频教程)

具体代码:

阅读剩余部分

相关阅读 >>

css border-top-right-radius属性怎么用

css中什么是行高

css如何设置文字间距

css如何设置图片轮廓

怎样使用a标签的href属性与onclick事件

css是框架吗

为什么要用css

通过示例来了解css background强大的用法(值得收藏)

css边距怎么设置

巧用css规定背景绘制区域

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




打赏

取消

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

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

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

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

评论

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