Het Vormen van CSS

0
31

CSS is in staat om alle soorten van vormen. De vierkanten en rechthoeken zijn eenvoudig, want zij zijn de natuurlijke vormen van het web. Voeg een breedte en hoogte en heb je de exacte grootte van de rechthoek die je nodig hebt. Toevoegen border-radius en kunt u de ronde, dat de vorm, en als het genoeg is kunt u die rechthoeken in cirkels en ovalen.

Ook krijgen We in de ::before en ::na psuedo-elementen in CSS, geven ons het potentieel van de twee vormen die we kunnen toevoegen aan het oorspronkelijke element. Door het verkrijgen van slim met de positionering, het transformeren, en vele andere trucs, kunnen we veel van vormen in CSS met slechts een enkele HTML-element.

Plein

Rechthoek

Cirkel

Ovaal

Driehoek-Up

Driehoek Naar Beneden

Driehoek Links

Driehoek Rechts

Triangle Top Links

Driehoek Boven Rechts

Driehoek Linksonder

Driehoek Rechts Onder

Gebogen Staart Pijl via Ando Razafimandimby

Trapezium

Parallellogram

Ster (6 punten)

Star (5 punten) via Kit MacAllister

Pentagon

Hexagon

Octagon

Hart via Nicolas Gallagher

Infinity via Nicolas Gallagher

Diamond Square via Joseph Silber

Diamond Shield via Joseph Silber

Diamond Smalle via Joseph Silber

Geslepen Diamant via Alexander Futekov

Ei

Pac-Man

Talk Bubble

12 Punt Burst via Alan Johnson

8 Punt Burst via Alan Johnson

Yin Yang via Alexander Futekov

Badge Lint via Catalin Rosu

Space Invader via Vlad Zinculescu

TV Scherm

Chevron via Anthony Ticknor

Vergrootglas

Icoon via Nathan Swartz

Maan via Omid Rasouli

Vlag via Zoe Rooney

Kegel via Omid Rasouli

Kruis via Kaya Basharan

Base via Josh Rodgers

Pointer via Amsakanna Vrijdenker

Slot via Colin Bate