I know there are many different ways to draw in CSS but I want to draw this shape using CSS ::before and ::after pseudo-elements. Only the yellow p ...

I'm trying to create a semi-circle with CSS, which looks as below. I have tried to create a semi-circle with one circle, and one rectangle where ...

i am trying to draw a shape exactly given in the image below here is my html and css code which gives shape somewhat similar to this but in single ...

I want to do an inverted border radius using a background, like so: Here is my code: .curved { background: #D3041E; height: 200px; wi ...

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

I'd like to simply get pointed to the right direction... I have to code a css or svg background like this: Also please note the rounded tip. Should ...

I want to write text or add icons near border circle div tag. Is someone have do this idea. I am try do this last one week but cannot do ...

I'm looking for the solution of combining the backdrop-filter:blur(XXpx) with a wavy border. See the image attached image. I've already tried SVG wav ...

How to build a convex curved triangle with CSS? I just need the top maroon part. It's basically a triangle that curves outward. I know I need to use ...

the shape that i want to do the shape that i have by searching in similar questions i want the shape to have full border (like in the image). In ...

. Answers to this question are eligible for a +50 reputation bounty. Bounty gr ...

I am trying to figure out how I can create an element that has a folder shape, a parent element which contains other elements like text. The element ...

I was asked with making such a background on a responsive site. I thought about preparing two divs using gradient, but it is highly problematic. Is it ...

I need some help here. I am trying to achieve the following layout - a rectangular div containing text on the left and circular image on the right, s ...

As such: https://i.stack.imgur.com/UdHNE.png CSS border, clip path, etc? I've tried the following: div#box{ width: 38px; height: 500px; ...

I am trying to produce a rectangle connected to a heavy-arrow (right facing) like the following: (Link to image for those using SO dark theme) I h ...

I want to add 1 small circle / filled dot below today date number, e.g if today is 1st of march then in the datepicker below the number 1 there should ...

Hi guys, i'm using svg shaper generated from shapedivider an how you can see, there is a white line and i don't why its there and how to remove it. ...

I am trying to animate a cyclone but I can't figure out how to create a cyclone shape with CSS. Right now all i have is this I want the shape to lo ...

first time working with clip path and shape outside, i'm trying to write text inside a triangle with text being clipped, i already tried svg solutions ...