Top "Css-shapes" questions

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

Vertically and horizontally centering text in circle in CSS (like iphone notification badge)

I'm looking for a way of to do a cross-browser iphone-like badge in CSS3. I'd obviously like to use one …

css cross-browser geometry css-shapes
Draw an X in CSS

I've got a div that looks like a orange square I'd like to draw a white X in this div …

html css draw css-shapes
Center Triangle at Bottom of Div

I am trying to have a triangle/arrow at the bottom of my hero but it is not responsive and …

html css css-shapes
How to make a circle around content using CSS?

Like this With only this code <span>1</span>

css css-shapes
How to draw a trapezium/trapezoid with css3?

When you go to the page http://m.google.com using Mobile Safari, you will see the beautiful bar on …

html css css-shapes
CSS triangle :before element

I'm using bootstrap, trying to make a div have a CSS triangle before it. http://jsfiddle.net/B2XvZ/11/ Here …

html css css-shapes
html/css hexagon with image inside

Is there a chance to place an image inside a hexagon shape? I'm used to hexagonal shaped cells in html, …

html css svg css-shapes
Transparent text cut out of background

Is there any way to make a transparent text cut out of a background effect like the one in the …

css svg fonts css-shapes
Tooltip with a triangle

I have created a jsFiddle for this question. a.tip { position: relative; } a.tip span { display: none; position: absolute; top: …

css css-shapes
Responsive CSS triangle with percents width

The code below will create an arrow right below an <a> element: JSFiddle The problem is that we …

css responsive-design geometry css-shapes