0
0
王林
发布时间：2020-11-13 14:51:13
|18372人浏览过
|来源于php中文网
原创
css让图片旋转90度的方法：利用transform属性来进行图片旋转，如【transform:rotate(90deg)】。transform属性用于元素的2D或3D转换，该属性允许我们将元素旋转、缩放、移动、倾斜。
属性介绍：
Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。
（学习视频推荐：css视频教程）
语法：
立即学习“前端免费学习笔记（深入）”；
transform: none|transform-functions;
属性值：
none 定义不进行转换。
translate(x,y) 定义 2D 转换。
translate3d(x,y,z) 定义 3D 转换。
translateX(x) 定义转换，只是用 X 轴的值。
translateY(y) 定义转换，只是用 Y 轴的值。
translateZ(z) 定义 3D 转换，只是用 Z 轴的值。
代码实现：
正常图片 @@##@@
图片旋转90度 @@##@@
实现效果：
推荐教程：CSS教程
相关文章
css 想让背景渐变随屏幕变化怎么办_linear-gradient 与 media query
css 想让多列布局自动换行怎么办_float 与 margin 配合
css 想给列表奇偶项设置不同背景怎么办_利用 :nth-child 选择器区分奇偶项
css滚动条出现后布局变化怎么处理_理解滚动条对盒模型的影响
css 想给第一个段落加特殊样式怎么办_使用 :first-child 选择器定义首段样式
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
