css-shapes

4熱度

3回答

我基於this chevron從here關閉了一些代碼，並將其更改爲在傳送帶中用作導航。不過，我正在努力將其集中在灰色地帶。優選地，它將水平居中並且具有一點點的邊緣。我試圖在另一個div中包裝雪佛龍，但沒有成功。 .chevron { position: absolute; text-align: center; padding: 12px;

-3熱度

2回答

圈半邊框CSS

我試圖創建CSS圓圈，它看起來酷似以下圖片：如何使用CSS使這個？

0熱度

2回答

一旦我用CSS創建一個形狀，我怎樣才能使用它的中心作爲另一個CSS形狀的焦點？

我想創建一個圓形和一個正方形。我希望廣場的焦點成爲這個圈子的焦點。這樣，當我將形狀變大或變小時，位置仍然是我想要的位置。如何才能做到這一點？基本上作爲一個學習工具，下面的圖像是我想只使用HTML和CSS重新創建。但對於我的問題，請只關注外圈和外圈。

4熱度

2回答

CSS徑向漸變陰影 - 反轉

從繪製橢圓陰影的Wordpress模板中獲取一些預先存在的代碼。陰影以橢圓形向下輻射。只有橢圓的下半部分可見，從而產生底部陰影效果。我只是想「反轉」橢圓的「陰影效果」，這樣只有陰影的一半能看到頂部。看起來很簡單。我迷路了。我相信什麼是代碼片段繪製徑向陰影： .fusion-separator.sep-shadow { height: 1px; overflow: visib

6熱度

3回答

如何將梯形變成相反的？

我在CSS梯形形狀，但問題是，我還需要同一種梯形轉向邊界對面的，第一個梯形的CSS是這樣的： #trapezoid1 { height: 0; width: 350px; border-bottom: 190px solid rgb(2, 145, 178); border-left: 45px solid transparent; border-right: 45px soli

1熱度

2回答

旋轉div並讓它在整個屏幕上顯示

我有一個div，我想要旋轉-20deg。我已經做到了這一點，我面臨的問題是，它是不顯示在整個屏幕。顯然只是顯示一個100％寬度和100％高度的div。我想要它做的是以一個角度覆蓋整個屏幕，所以你看不到左/右角。如果我將寬度延伸到100％以上，它就可以工作，但這隻會推動整個瀏覽器的寬度。有沒有什麼辦法讓它顯示在一個角度，以便它不顯示角落，並在整個屏幕上？小提琴：https://jsfiddle

12熱度

8回答

鑽石形，圓角和背景圖像

我需要做到這一點：注意容器旋轉，但畫面不.. 而且現在我所做的： div.img { position: relative; overflow: hidden; width: 320px; } div.img img { display: block; width: 100% } div.img spa

1熱度

2回答

給邊框自定義形狀由CSS包含輸入類型

我有這個自定義形狀與CSS。我需要給它一個邊界，但到目前爲止我還沒有成功。我怎麼能給它一個邊界？ .comment-input-container { width: 96%; float: left; } input[type='text'] { border: 0px !important; box-shadow: none;

2熱度

1回答

箱內曲線

我一直在試圖創建一個'內彎箱'沒有成功，我似乎沒有找到任何網上的例子。任何人都可以幫助我複製只使用CSS或SVG？

-2熱度

1回答

如何使用漸變和陰影在底部創建帶圓圈的背景

任何人都可以幫助我實現此標題佈局而不使用陰影圖像嗎？