Home » CSS 3 » CSS3 Shapes Examples

CSS3 Shapes Examples

css3-shapes Examples
Here are the CSS3 shapes examples, most commonly used. Just copy and paste the given css and html for using css3 shapes in you web pages.

css3 shapes examples – Circle

HTML and CSS for Circle

<div id="shape-circle"></div>
#shape-circle { 
              width: 120px; 
              height: 120px; 
              background: #434343; 
              -moz-border-radius: 60px; 
              -webkit-border-radius: 60px; 
              border-radius: 60px; 
            }

Sqare

HTML and CSS for Sqare

<div id="shape-square"></div>
#shape-square {
		width: 120px; 
		height: 120px; 
		background: #434343; 
	}

Oval

Up Triangle

Down Triangle

Left Triangle

Diamond

Rectangle

Twelve Point Star

Six Point Star

Octagen

Speech Bubble

Triangle

More examples for shapes

One thought on “CSS3 Shapes Examples

  1. Pingback: CSS3 Shapes

Leave a Reply

Your email address will not be published. Required fields are marked *

*
*