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
1 |
Triangle
1 |
Pac Man
1 |
Bio Hazard
1 |
Heart
1 |
Triangle Top Left
1 |
Triangle Top Right
1 |
Triangle Bottom Left
1 |
Triangle Bottom Right
1 |
Curve Darrow
1 |
Star Five
1 |
Hexagon
1 |
Infinity
1 |
Diamond Shield
1 |
Cut Diamond
1 |
Yin Yang
1 |
Badge Ribbon
1 |
Space Invader
1 |
TV
1 |
Chevron
1 |
Magnifying Glass
1 |
Circle
1 |
Square
1 |
Oval
1 |
Up Triangle
1 |
Down Triangle
1 |
Left Triangle
1 |
Right Triangle
1 |
Trapezium
1 |
Diamond
1 |
Rectangle
1 |
Parallelogram
1 |
Twelve Point Star
1 |
Six Point Star
1 |
Octagon
1 |
Speech Bubble
1 |
Tags:badge ribbon css shape, bio hazard css shape, chevron css shape, circle css shape, css shapes, css shapes tutorials, css tutorials, css3 shapes, curve darrow css shape, cut diamond css shape, diamond css shape, diamond shield css shape, down triangle css shape, easter egg css shape, heart css shape, hexagon css shape, infinity css shape, left triangle css shape, magnifying glass css shape, octagon css shape, oval css shape, pac man css shape, parallelogram css shape, rectangle css shape, right triangle css shape, shapes of css, six point star css shape, space invader css shape, speech bubble css shape, square css shape, star five css shape, trapezium css shape, triangle css shape, tv css shape, twelve point star css shape, up triangle css shape, yin yang css shape