Top "Css-shapes" questions

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

CSS Zigzag Border with a Textured Background

I've been working on a header with a zigzag border. One way to do this is to use images to …

html css css-shapes zigzag
Line before and after title over image

I want to create a line before and after a centered title. The line and text must have a transparent …

css css-shapes
Filling water animation

I am trying to get a wipe up animation to make a circle look like it's filling with water. I've …

css svg css-animations css-shapes
CSS 3 Shape: "Inverse Circle" or "Cut Out Circle"

I want to create a shape, which i would describe as "inverse circle": The image is somehow inaccurate, because the …

css css-shapes
Segments in a circle using CSS3

I know you can make a circle in CSS3 using the border radius hack. But is there any way to …

css css-shapes
hexagonal shaped cells in html

Is there was a way to design a html block that is a hexagonal grid? Similar to that of a …

css css-shapes
Is it possible to draw a partial circle outline in CSS (open ring shape)?

I'm interested in creating a loading spinner entirely in CSS but in order to do so I would need to …

css css-animations css-shapes
css gradient for triangle shaped arrow

Please take a look at http://jsfiddle.net/ghAgQ/ I need the same gradient for arrow, as it is for …

css css-shapes linear-gradients
Rounded side, not rounded corners

I'd like to create a shape like the one displayed below entirely in CSS. As you can tell, it would …

css rounded-corners css-shapes
how to handle 'double opacity' of two overlapping divs

I have two divs, both with 0.6 opacity. I need them to overlap but retain their opacity and not create a …

css opacity css-shapes