CSS Shapes Tutorials

While I was slithering around the web I discovered this suitable post from the place that is known for the web about utilizing Css3 to make some basic css shapes tutorials. You can see the trick sheet here.

I began utilizing this trick sheet to make a few css shapes tutorials for website pages. Anyway the issue with utilizing a trick sheet is that you need to do a reversal and sort in the CSS each one time, so I make this page to effectively duplicate and glue the CSS so I can rectify the css shapes effortlessly.

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

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

Leave a Reply

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