31、实例应用transform属性实现倾斜

最新推荐文章于 2020-02-11 10:54:07 发布

xuxianmei

最新推荐文章于 2020-02-11 10:54:07 发布

阅读量729

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/tlxxm/article/details/36930957

版权

CSS 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>应用transform属性实现倾斜</title>
<style type="text/css">
.preview
{
	background:url(images/style0.gif) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
	height:210px;
	border:1px #000000 dashed;}
#xy
{
	background:url(images/style0.gif) no-repeat;
	-moz-transform:skew(30deg,0deg);
	-webkit-transform:skew(30deg,0deg);
	-o-transform:skew(30deg,0deg);
	position:absolute;
	top:0px;
	left:100px;
	border:1px #000000 dashed;}

</style>
</head>

<body>
<div id="wall"></div>

<div class="preview">
</div>
<div class="preview" id="xy">
</div>


</body>
</html>