css图片180旋转 |css 图片拉伸后不变形

dl css用法，css段落文字设置，css每行缩进的方法，按照css样式应用范围，图片路径和背景颜色css，css样式字体段落背景边框，css 图片拉伸后不变形 css图片180旋转 |css 图片拉伸后不变形

img {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

如上所示，大家使用了CSS的transform属性来旋转一个图片。这个属性可以通过一系列的转换函数来实现旋转、缩放、平移、倾斜等不同效果。而在这个例子中，大家使用的是rotate函数，将图片旋转了180度。

需要注意的是，为了保证在所有浏览器中都能正常显示，大家添加了几个前缀：-webkit-、-moz-和-ms-。这些前缀分别针对不同的浏览器内核，可以避免一些兼容性问题。

此外，在HTML中，大家需要先引用一个图片才能将其旋转。在这个例子中，大家使用了img标签来引入一个图片。

<img src="example.jpg">

最终的效果是将图片进行180度的翻转，可以让页面看起来更加有趣和生动。如果你想尝试一下其他的CSS变换效果，可以去查看CSS transform属性的官方文档。