在html中，transfrom的意思是“转换”，让元素应用2d或3d转换，语法“transform:none|transform-functions”。transfrom属性允许元素旋转rotate、扭曲skew、缩放scale等转换。
本教程操作环境：windows7系统、css3&&html5版、dell g3电脑。
属性定义及使用说明
transform属性应用于元素的2d或3d转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。
语法
transform: none|transform-functions;
实例：
<!doctype html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title><style> body{ margin:30px; background-color:#e9e9e9;}div.polaroid{ width:294px; padding:10px 10px 20px 10px; border:1px solid #bfbfbf; background-color:white; /* add box-shadow */ box-shadow:2px 2px 3px #aaaaaa;}div.rotate_left{ float:left; -ms-transform:rotate(7deg); /* ie 9 */ -webkit-transform:rotate(7deg); /* safari and chrome */ transform:rotate(7deg);}div.rotate_right{ float:left; -ms-transform:rotate(-8deg); /* ie 9 */ -webkit-transform:rotate(-8deg); /* safari and chrome */ transform:rotate(-8deg);}</style></head><body><div class="polaroid rotate_left"><img src="pulpitrock.jpg" alt="" width="284" height="213"><p class="caption">the pulpit rock in lysefjorden, norway.</p></div><div class="polaroid rotate_right"><img src="cinqueterre.jpg" alt="" width="284" height="213"><p class="caption">monterosso al mare. one of the five villages in cinque terre.</p></div></body></html>
效果：
推荐学习：html视频教程
以上就是transform在html是什么意思的详细内容。