Figurene av CSS

0
11

CSS er i stand til å gjøre alle slags former. Kvadrater og rektangler er enkelt, som de er de naturlige formene av nettet. Legg til en bredde og høyde, og du har den nøyaktige størrelsen rektangel du trenger. Add border-radius, og du kan runde som form, og nok av det du kan slå av disse rektanglene i kretser og ovaler.

Vi får også ::før og ::etter psuedo elementer i CSS, som gir oss mulighet for to figurer kan vi legge til originale elementet. Ved å bli flink med lokalisering, omforming, og mange andre triks, vi kan få mange former i CSS-med bare en enkelt HTML-element.

Square

Rektangel

Krets

Ovale

Trekanten Opp

Trekanten Ned

Trekanten Til Venstre

Trekanten Til Høyre

Trekant Øverst Til Venstre

Trekant Øverst Til Høyre

Trekant Nederst Til Venstre

Trekant Nederst I Høyre

Buet Hale Pil via Ando Razafimandimby

Trapes

Parallellogram

Stjerne (6 poeng)

Stjerne (5 poeng) via Kit MacAllister

Pentagon

Hexagon

Octagon

Hjertet via Nicolas Gallagher

Infinity via Nicolas Gallagher

Diamond Square via Joseph Silber

Diamant Shield via Joseph Silber

Diamant Smale via Joseph Silber

Diamant via Alexander Futekov

Egg

Pac-Man

Tale Boble

12 Punkt Burst via Alan Johnson

8 Point Burst via Alan Johnson

Yin Yang via Alexander Futekov

Merket Båndet via Catalin Rød

Space Invader via Vlad Zinculescu

TV-Skjermen

Chevron via Anthony Ticknor

Forstørrelsesglasset

Ikonet via Nathan Swartz

Månen via Omid Rasouli

Flagget via Zoe Rooney

Membran via Omid Rasouli

Cross via Kaya Basharan

Base via Josh Rodgers

Pekeren via Amsakanna Freethinker

Lås via Colin Bate