使用CSS进行Squiggle

Question

我正在构建基本的Set卡片模式。我可以做颜色，数字和填充，我有钻石和椭圆形状。请在this fiddle中查看我的进度。

最后一个难题是为＆＃34; squiggle＆＃34;建立一个squiggle课程。形状。如何使用CSS进行波浪形状？

Answer 1

我很确定你不得不求助于SVG这样的形状。

SVG也可能使您的生活更轻松。在我的Safari 6.0.2上，我看到一些小的CSS渲染工件：

特别是，由于transform如何工作（纹理映射）而产生的条纹菱形的间距会产生看起来不完全均匀的东西。您需要放大此屏幕截图才能看到钻石角落的文物。

基本上，CSS不适用于绘制形状。 SVG用于绘制形状。因此，由于您正在尝试绘制形状，因此使用SVG成功的可能性要高得多。

钻石很好。 （另请注意，SVG应该在不支持CSS3 3D的平台上运行;它是一个巧妙的技巧，可以倾斜/缩放方形来制作钻石，但在一天结束时它或多或少是一个黑客）