Top "Css-shapes" questions

CSS-Shapes are made by the use of Cascade Styling Sheets to make HTML elements into shapes and images.

Circular percent progress bar

I would like to have an percent circle indicator on my site: In this case it's showing 75%. How should this …

html css svg css-shapes
How do I make a CSS triangle with smooth edges?

I have a triangle (JSFiddle) using this CSS: .triangle { width: 0; height: 0; border-top: 0; border-bottom: 30px solid #666699; border-left: 20px solid transparent; border-right: 20…

css geometry css-shapes smooth edges
How to create multi-color border with CSS?

How to create multi-color border like image below?

css border css-shapes
Skewed Borders on a Div

I'm trying to skew a div, similar to this: Slant the top of a div using css without skewing text …

html css css-shapes skew
Circle with two borders

How can I style a a circle (a div) with two borders responsively so that it reacts to a container's …

css css-shapes
CSS box shadow around a custom shape?

Hy there, I need to create a div which looks like this: What i've came up with so far is …

html css css-shapes
Responsive CSS Circles

Goal: Responsive CSS circles that: Scale with equal radius. Radius can be calculated by percent. Radius can be controlled by …

html css responsive-design css-shapes
Adding box-shadow to a :after pseudo element

I have a div called .testimonial-inner and using the :after pseudo element I have an arrow that sits underneath it …

html css pseudo-element css-shapes
Generate repeating hexagonal pattern with CSS3

So, I need to make a repeating hexagonal pattern, using CSS. If images are needed, I can go there, but …

html css css-shapes
Diagonal Wedge Shaped CSS - Edge to Edge Centered in Browser

I have been trying to make this shape in CSS. Ideally it will span the entire length of the browser …

css shape css-shapes