堆棧內存溢出
cost 267 ms
如何使用 CSS::after 和::before 繪制此形狀？

[英]how can I draw this shape using CSS ::after and ::before?

我知道有很多不同的方法可以在 CSS 中繪制，但我想使用 CSS::before 和::after 偽元素來繪制這個形狀。 只有黃色的部分我畫不出來。 .body{ width:100%; height:100%; background:#191919; display: flex; just ...

如何用css畫半圓

[英]How to draw Semi circle with css

我正在嘗試用 CSS 創建一個半圓，如下所示。 我試圖用一個圓和一個矩形創建一個半圓，其中矩形隱藏了圓的下部。 我知道這不是最好的方法。 所以我正在尋找一種使用單個 div 的更好方法。 關於在Stackoverflow上創建半圓形環有一個類似的問題。 不幸的是，這沒有幫助。 ...

如何創建具有半方形和彎曲形狀的形狀 uisng css 和 html

[英]how to create shape with half square and curved shape uisng css and html

我正在嘗試繪制下圖中給出的形狀 這是我的 html 和 css 代碼，其形狀與此有點相似，但在單色中我不知道如何在多色中做到這一點。 誰能解釋我該怎么做。 提前致謝。 .right-angle-triangle-semicircle { width: 100px; height: 100px; ...

使用 a:before background 反轉邊框半徑？

[英]Inverted border radius using a :before background?

我想使用背景做一個反轉的邊框半徑，如下所示： 這是我的代碼： .curved { background: #D3041E; height: 200px; width: 100%; position: relative; }.curved::before { content: ''; border ...

如何使div的頂部和左側邊框傾斜

[英]How to make top and left border of a div slanted

.container{ max-width: 80%; margin:auto; }.section1{ background: #541A81; padding: 60px 0; }.content{ background:#ffffff; /* clip-path: polygon(0 90 ...

如何用 css 或 svg 制作箭頭形背景？

[英]How to make arrow-shaped background with css or svg?

我想簡單地指出正確的方向......我必須像這樣編寫 css 或 svg 背景： 另請注意圓形尖端。 我應該使用純 css （在這種情況下，我應該研究什么規則）？ 我應該以某種方式使用 svg 嗎？ 你會從哪里開始？ ...

背景濾鏡模糊與波浪形邊框相結合

[英]Backdrop-filter blur in combination with wavy border

我正在尋找將 background-filter:blur(XXpx) 與波浪形邊框相結合的解決方案。 請參閱圖像附加圖像。 我已經嘗試過 SVG 波和:before:after 橢圓，但在我看來，將它與“模糊”配對並非不可能。 有沒有人有任何提示？ 這段代碼在“模糊覆蓋”上畫了一條直線： ...

如何構建一個凸曲線三角形？

[英]How to build a convex curved triangle?

如何用 CSS 構建凸曲線三角形？ 我只需要最上面的栗色部分。 它基本上是一個向外彎曲的三角形。 我知道我需要使用 calc 計算高度和寬度。 但我不知道從哪里開始。 但我需要它在頂部更胖。 div { position: relative; height: 200px; width: 200 ...

我怎樣才能做一個全邊框的矩形+八邊形？

[英]How can i do a rectangle + octagon with full border?

我想做的形狀 我通過搜索類似問題得到的形狀我希望形狀有完整的邊框（如圖所示）。 在這個形狀里面它會有更多的內容，所以我需要它旋轉或類似的東西，有人知道嗎？ 這是我到目前為止的代碼，我正在使用 sass，我已經從多個網站進行了研究，並看到其他人類似的問題，其他人在堆棧溢出中做了什么，但沒有任何結果對 ...

如何在 react/react-native 中實現僅彎曲啟動的底部導航欄？

[英]How to implement curved-start only bottom navigation bar in react/react-native?

這個賞金已經結束。 此問題的答案有資格獲得+50聲望賞金。 賞金寬限期在14 小時后結束。 Extreme Geek想引起更多人對這個問題的關注。 我想制作這樣的底部導航欄，曲線固定在那里並且當您按下選項卡按鈕時不會移動，嘗試了 svg 路徑和d3-shapes但無法找到正確的點/尺寸來制作結束 ...

如何創建文件夾形狀的元素

[英]How to create a folder-shaped element

我試圖弄清楚如何創建一個具有文件夾形狀的元素，一個包含其他元素（如文本）的父元素。 我試圖創建的元素應該是這樣的： 我用剪輯路徑嘗試過，但包含的元素不可見。 此外，邊框看起來很奇怪，並且在實施時不可見正確的背景漸變（現在我將其注釋掉，可以看到該元素）。 div { displa ...

CSS這個形狀可以做嗎？

[英]Is it possible to do this shape CSS?

我被要求在響應式網站上制作這樣的背景。 我考慮過使用漸變准備兩個 div，但這是一個很大的問題。 甚至有可能做到嗎？ 使用它作為背景圖像對於更高和更低的分辨率來說都很麻煩。 有任何想法嗎？ ...

具有圓形圖像和切出 div 的響應式網格

[英]Responsive grid with a circular image and cut out div

我需要一些幫助。 我正在嘗試實現以下布局 - 一個矩形 div，左側包含文本，右側包含圓形圖像，與此類似（但順序相反）。 我也在使用 Bootstrap 進行布局。 例子 StackOverflow 上提出的解決方案的問題是它們需要定義圓的高度和寬度，而我需要它能夠響應。 最接近的是使用徑向漸變，但 ...

在 CSS 中生成一個長方形盒子，上面有一個粗直的右箭頭

[英]Produce a rectangle shaped box with a heavy straight right arrow in CSS

我正在嘗試生成一個連接到重箭頭（右向）的矩形，如下所示： （鏈接到那些使用深色主題的圖像） 我通過將形狀分成幾部分來嘗試這樣做。 我嘗試先繪制矩形（並將其放置在與箭頭支架相同的 class 中），然后繪制箭頭的底部。 最后，頭部使用旋轉和透明度。 在我當前版本的 CSS 代碼中，似乎無法將箭頭移 ...

使用 CSS 在反應日期選擇器中的當前日期下方添加點

[英]Adding dot below current date in react datepicker using CSS

我想在今天日期數字下方添加 1 個小圓圈/實心點，例如，如果今天是 3 月 1 日，那么在數字 1 下方的日期選擇器中，日期選擇器上應該有一個點。 我嘗試添加 css 樣式，例如， 對於下面的注釋所在的代碼，但發生的是日期選擇器中的數字本身被扭曲並四處移動，或者藍色圓圈出現在數字的頂部，數字本身出現 ...

元素與 svg 形狀之間的白線

[英]White line between an element and svg shape

大家好，我正在使用從 shapedivider 生成的 svg 整形器，你可以看到，有一條白線，我不知道為什么它在那里以及如何刪除它。 請你幫助我好嗎？ 有形狀分隔符的代碼： .custom-shape-divider-bottom-1640714253 { width: 100%; over ...

旋風形狀與 CSS

[英]Cyclone Shape with CSS

我正在嘗試為旋風制作動畫，但我不知道如何使用 CSS 創建旋風形狀。 現在我只有這個 我希望形狀看起來像這樣這甚至可能嗎？ 如果不是，我還能做些什么來改變 Javascript 的顏色？ ...

如何在三角形內刻文字？ (CSS)

[英]How to inscribe text inside a triangle? (CSS)

第一次在外部使用剪輯路徑和形狀，我試圖在三角形內寫入文本，文本被剪輯，我已經嘗試過 svg 解決方案，但文本變得非常難以閱讀，這對 seo、文本閱讀器等不利（類似於“lor em ip 總和") 我想達到什么所以我正在嘗試這個解決方案，它部分工作，但顯然頂部區域不能通過側面形狀“加入”，但我開始認 ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM