2014-03-07

While I was creeping around the web I exposed this helpful post from the place where there is the web about utilizing Css3 to make some straightforward shapes in web designs. You can see the trick sheet here.

I began utilizing this trick sheet to make a few css shapes for web designs. At the same time the issue with utilizing a trick sheet is that you need to go back and type in the CSS each one time, so I make this page to effortlessly duplicate and glue the CSS so I can redress the css shapes effectively.

I assemble this little asset to surely help different architects and designers with a rundown of principally geometric shapes you can perform utilizing Css3.

Space Invader

TV

Chevron

Magnifying Glass

Circle

Square

Oval

Up Triangle

Down Triangle

Left Triangle

Right Triangle

Trapezium

Diamond

Rectangle

Parallelogram

Twelve Point Star

Six Point Star

Octagon

Speech Bubble

Easter Egg

Triangle

Pac Man

Bio Hazard

Heart

Triangle Top Left

Triangle Top Right

Triangle Bottom Left

Triangle Bottom Right

Curve Darrow

Star Five

Hexagon

Infinity

Diamond Shield

Cut Diamond

Yin Yang

Badge Ribbon

The post CSS Shapes for Web Designs appeared first on Design Dazzling.

Show more