形状随着宽度增加

Question

我想创建一个以一定宽度开始然后增加到最后的形状。目前我在这里有这样的形状：

由此document生成。如何设置形状的样式，它以宽度 x 开始，并且越来越大，直到达到widtht y ？

除此之外，还可以使用CSS简单地旋转形状吗？

Answer 1

是的，可以使用CSS3 Animation和Transform：

这是我做的一个例子，它使形状在宽度上增长并无休止地旋转：

<强> DEMO

下面是一个演示，演示如何使形状增长直到达到一定的宽度：

<强> DEMO