1. 首页
  2. 问答
  3. 增加宽度的形状

增加宽度的形状

2013-04-26 104 views
1

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

enter image description here

生成这个document。我该如何设计形状，它始于宽度x并且变得越来越大，直到达到宽度y？

除此之外，是否也可以简单地用CSS旋转一个形状？

来源

2013-04-26 Mahoni

+0

这可能会帮助你http://css-tricks.com/examples/ShapesOfCSS/ – Pete 2013-04-26 11:42:11

回答

1

是有可能用CSS3Animation和Transform：

DEMO

下面有一个演示显示：

赫雷什我提出这使得形状生长在宽度和无休止自旋围绕一个例子如何使形状成长直至达到一定的宽度：

DEMO

来源

2013-04-26 11:42:52 chriz

+0

到目前为止这非常有帮助。就宽度而言，我错误地表达了我的问题。我并不是指''width'属性本身，而是在这种情况下的高度。我不希望这是一个过渡，而是一个固定的形状。目前，我正在使用border-radius属性来获得我想要的效果，但也许有一种更简单的方法。 – Mahoni 2013-04-26 11:56:26

+0

没关系，希望这对未来有所帮助。所以基本上你想要的形状高度/（宽度？）改变，当你悬停，或自己？ – chriz 2013-04-26 12:00:37

+0

这不应该是事件的变化，我想要的形状应该是固定的。如果我将高度设置为值** x **，那么这是整个形状的高度，但在形状的末端应该具有不同的高度（从左到右） – Mahoni 2013-04-26 12:04:55

相关问题

 相关问题