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

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

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

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

属性介绍：

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

语法：

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视频教程）

具体代码：

!DOCTYPE htML>
    html>
    head>
    meta charset="utf-8">
     tITle>
    php.cn/title>
     style>
 div{
    	width:200px;
    	height:100px;
    	background-color:yellow;
    	/* Rotate div */	transform:rotate(7deg);
    	-ms-transform:rotate(7deg);
     /* IE 9 */	-webkit-transform:rotate(7deg);
 /* Safari and Chrome */}
    /style>
    /head>
    body>
    div>
    Hello/div>
    /body>
    /html>
    

运行结果：

相关推荐：CSS教程

以上就是css中的图片翻转属性是什么的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！