今天萌发一个想法,用css来实现透视效果。起初,我想到的是我们常见的添加阴影效果的方法,用多个div通过偏移来实现,但这需要很多 div,不够理想。随后,我想到css的一个属性:border,在border相连接处可以产生对角线效果。这样用两个div就可以实现,我们先看看最终效果,然后再分析实现过程。
首先,我们看看border如何生成的对角线效果,在你的html的头部增加以下代码,你就会看到这样的效果。
1.
.border{
width
:
0
;
height
:
0
;
border-width
:
50px
;
border-color
:
#f00
#0f0
#00f
#000
;
border-style
:
solid
;}
新闻热点
疑难解答