凹凸div创作

时间:2011-12-19 11:29:22

标签: javascript html css

是否可以使用javascript或CSS3创建具有凸形或凹形的div。或任何其他出路。

2 个答案:

答案 0 :(得分:2)

您可以使用CSS3 border-radius获得凸形和凹形。

我创造了一个小提琴演示:http://jsfiddle.net/cogent/6A5Lb/

要在旧版本的IE中使用它,您可以使用CSS3 PIE - http://css3pie.com/

答案 1 :(得分:1)

我创建了一个jsfiddle,展示了如何做凸多边形: http://jsfiddle.net/jafka/

你使用这个叫做“倾斜”的东西。这是使用边框的CSS技巧。 您可以使用相同的原则来构建凹多边形。

您可以在以下网址阅读更多内容:

http://meyerweb.com/eric/css/edge/slantastic/demo.html

http://www.infimum.dk/HTML/slantinfo.html