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

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

2024-06-22 10:06:44 前端知识 前端哥 853 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
标签
评论
发布的文章

爱心

2024-06-27 17:06:24

表白代码

2024-06-27 16:06:42

html5 css3 前端基础认识。

2024-06-26 23:06:18

CFT Show 信息收集篇

2024-06-26 23:06:28

html插入视频的方法

2024-06-20 00:06:46

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