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

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

xuxianmei

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

阅读量688

点赞数

分类专栏： 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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xuxianmei

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
31、实例应用transform属性实现倾斜

应用transform属性实现倾斜.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(ima
复制链接

扫一扫