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>...
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 ...
CSS3 Rounded Hexagon [duplicate]?
This quest...
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: ...