首页 前端知识 css3特性中的transform:translateZ(0)有什么作用?

css3特性中的transform:translateZ(0)有什么作用?

2024-06-22 10:06:44 前端知识 前端哥 855 64 我要收藏

目录标题

  • 一、什么是transform?

一、什么是transform?

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

语法:

transform: none|transform-functions;

例子:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>xxxx</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>

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13345.html
标签
评论
发布的文章

JMeter断言之JSON断言

2024-07-22 01:07:18

39 | XML、JSON、YAML比较

2024-07-22 01:07:13

String和JSON相互转换

2024-07-22 01:07:11

npm 安装报错

2024-07-22 01:07:55

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!