CSS-Tricks Example

The Shapes of CSS

با استفاده از کدهای سی اس اس زیر می توانید شکل های گوناگونی برای سایت خودتان درست کنید . توجه داشته باشید که این کدها در همه ی مرورگرها کارایی ندارند

Square

Rectangle

Circle

Oval

Triangle Up

Triangle Down

Triangle Left

Triangle Right

Triangle Top Left

Triangle Top Right

Triangle Bottom Left

Triangle Bottom Right

Curved Tail Arrow via Ando Razafimandimby

Trapezoid

Parallelogram

Star (6-points)

Star (5-points) via Kit MacAllister

Pentagon

Hexagon

Octagon

Heart via Nicolas Gallagher

Infinity via Nicolas Gallagher

Diamond Square via Joseph Silber

Diamond Shield via Joseph Silber

Diamond Narrow via Joseph Silber

Cut Diamond via Alexander Futekov

Egg

Pac-Man

Talk Bubble

12 Point Burst via Alan Johnson

8 Point Burst via Alan Johnson

Yin Yang via Alexander Futekov

Badge Ribbon via Catalin Rosu

Space Invader via Vlad Zinculescu

TV Screen

Chevron via Anthony Ticknor

Magnifying Glass

Facebook Icon via Nathan Swartz

Cone via Omid Rasouli

Moon via Omid Rasouli

Flag via Zoe Rooney