CSS3旋转

最新推荐文章于 2023-07-09 08:46:06 发布

luckystar2008

最新推荐文章于 2023-07-09 08:46:06 发布

阅读量113

点赞数

本文链接：https://blog.csdn.net/qincidong/article/details/84483487

版权

Html5&Css3 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

webkit内核的浏览器：-webkit-transform

firefox浏览器：moz-transform

示例：

<!DOCTYPE HTML>
<html>
<head>
	<title> New Document </title>
	<meta charset="gb18030">
	<style type="text/css">
		div#transform {
			width:50%;
			height:100px;
			margin-left:25%;
			margin-top:25%;
			position:absolute;
			color:white;
			background-color:#F37D31;
			display:block;
			-webkit-transform:rotate(-10deg);
			moz-transform:rotate(-10deg);
		}
	</style>
</head>

<body>
	<div id="transform">
		CSS3实现旋转。。。
	</div>
</body>
</html>

效果：