Elongated hexagon shaped button using only one element?

I would like to make a button like these one just with CSS without using another element. Button Image Since the...

Creating a 'New' spiky label with 24 or above point burst?

I am trying to make a point burst thing like the image below: Currently, I have tried this using pseudo elements,...

How do I create a teardrop in HTML??

How do I create a shape like this to display on a webpage? I don't want to use images since they would get blurry...

Lemon shape (CSS and HTML)?

This is the shape I want. Can it be done with CSS? I have created a circle. Here : (source: pngimg.com) <di...

How to divide a circle into 12 equal parts with color using css3/javascript?

HTML: <?xml version="1.0" encoding="utf-8"?> <html> <head> <title>Circle</title&gt...

How to make Google Now microphone icon using CSS3??

I am trying to create the 'Google Now' microphone icon using pure CSS3. The icon features a white microphone on a re...

How can I create a postage stamp border??

I would like a div to look like this: but would only like to use CSS, how would I go about creating a shape like ...

How to make a box with arrow in CSS??

How to make a box with arrow in CSS? Making round corner is easy. but any idea to make the arrow on left side witho...

CSS - circle border with various colors?

Does anybody know how to create this in CSS or if it's even possible. I know how to make quarter circles but I am no...

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: ...

Transparent hollow or cut out circle?

Is it possible to cut out a hollow circle using only CSS? This we can all do: But can we do this? The circle ...

How can I create a round arrow with only HTML and CSS??

I'm trying to create a round directional arrow with CSS and HTML. Below are my attempts. Attempt 1 In this I have ...

Speech bubble with arrow?

I have a project where I need to insert speech bubbles / message boxes. The general shape I am trying to achieve is ...

CSS3 Hexagon with dotted border?

I could achieve a hexagon with solid border as below: .hex { margin-top: 70px; width: 208px; height: ...