Top "Css-shapes" questions

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

draw diagonal lines in div background with CSS

I have a div for a preview box: HTML: <div class="preview-content">PREVIEW</div> CSS: .preview-content { …

css background line css-shapes diagonal
How to make rectangular image appear circular with CSS

I've used border-radius: 50% or border-radius: 999em, but the problem is the same: with squared images there's no problem, but with …

html css css-shapes
How do CSS triangles work?

There're plenty of different CSS shapes over at CSS Tricks - Shapes of CSS and I'm particularly puzzled with a …

css geometry polygon css-shapes
How do I create a circle or square with just CSS - with a hollow center?

It should just basically be an outline of the square or circle - that I can style accordingly (i.e. …

html css geometry css-shapes
Wavy shape with css

I'm trying to recreate this image with CSS: I would not need it to repeat. This is what I started …

css css-shapes
CSS triangle custom border color

Attempting to use a custom hex color for my css triangle (border). However since it uses border properties I am …

css border css-shapes
Half circle with CSS (border, outline only)

I'm trying to create a circle with CSS, which looks exactly like on the following picture: ...with only one div: &…

html css css-shapes
How to Make A Fancy Arrow Using CSS?

Ok, so everyone knows you can make a triangle using this: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px …

html css css-shapes
CSS3 Transform Skew One Side

Is it possible to create "CSS3 Transform Skew One Side" I found one solution, but it's not useful to me, …

html css css-shapes
CSS Circle with border

Every guide I find has the line and fill the same colour. All I want is a circle with a …

css css-shapes