1. 首頁
  2. 問答
  3. 增加寬度的形狀

增加寬度的形狀

2013-04-26 176 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

相關問題

 相關問題