css-shapes

0熱度

5回答

形狀下的紅色邊框創建這個形狀：我很努力使用CSS3，但所有的時間我沒能做到這一點的形狀。我也嘗試添加border-bottom和border-left。見CSS代碼理解我在做什麼： #trapezoid { background: blue; height: 100px; width: 100px; margin: auto; }

0熱度

1回答

從部分切出部分

Here我試圖製作印度國旗。我只是想從 html > body > .flag > div:nth-child(2) > div 切出 html > body > .flag > div:nth-child(2) > div > div:after 和 html > body > .flag > div:nth-child(2) > div > div:before 使中間阿肖克脈輪形

0熱度

2回答

html5視頻上的六邊形切割邊緣

我想弄清楚的是如何使html5視頻(mp4)擁有hexagon edges。我的視頻尺寸是900x600，它是一個正方形，我嘗試將它改爲六角形。任何人都可以幫忙嗎？

1熱度

4回答

如何在CSS中創建柔和曲線？

是否有可能像使用CSS（無圖像/ svg）在示例圖像中創建曲線塊？

0熱度

2回答

無固定股利

我想使這個底部的高度DIV波浪形的底部div的這種形狀 .shape { height: 200px; background: #e7ecf5; position: relative; width: 100%; } <div class="shape"> </div> 我並不想解決的高度該div。

3熱度

1回答

半三角形CSS與邊境半徑

我有一個CSS半三角形的這個代碼，但我需要把它的邊界半徑在三角形的中點，如圖像： width: 0; height: 0; border-style: solid; border-width: 0px 30px 20px 0; border-color: transparent #bde5ff transparent transparent; border-top-left-radius

7熱度

4回答

4圓角點星形

我想獲得完美儘可能在CSS這個明星的像素，這裏是我的嘗試，到目前爲止，但它是一個5傾斜的明星，我想只有4中還有我怎樣才能讓角落變得圓潤？ #star-five { margin: 50px 0; position: relative; display: block; color: red; width: 0px;

0熱度

1回答

在主要內容下方放置形狀的最佳方式是什麼？

我有一個響應式設計像下面的圖像什麼是複製左側這種形狀的最佳方式？我可以使用img嗎？或者我應該把它作爲background images？或者將它用作css形狀？

1熱度

2回答

用css對齊形狀：之前，：之後

我正在嘗試在：之前/之後製作形狀：之後。這在Chrome中運行正常，但在Firefox中。有一個小的錯位。並在打印時在元素和after選擇器之間產生一個小的空白區域。這是它的外觀在打印預覽與Firefox HTML <div class="container"> <div class="topbar"> <div class="text">Text</div> <

4熱度

1回答

如何實現傾斜的右邊緣div？

我一直在尋找幾天的代碼，以使div的右邊緣傾斜45度。以下是對我特別企圖得到一個形象的例子... 似乎那裏有很多的「傾斜的邊緣」 div的例子，但我無法找到任何與特別是右傾斜。我花了很多時間試圖改變其他人的代碼，但最終變得一團糟。這是原來的CSS代碼我用得到我需要的結果試驗... div { position: relative; display: inline-blo