Die Formen der CSS

0
12

CSS ist in der Lage, alle Arten von Formen. Quadrate und Rechtecke sind einfach, denn Sie sind die natürlichen Formen des web. Geben Sie eine Breite und Höhe, und Sie haben die genaue Größe Rechteck, das Sie brauchen. Add border-radius und Sie können rund, die Form, und genug davon, können Sie diese Rechtecke in Kreise und Ovale.

Wir bekommen auch das ::before und ::after Pseudo-Elemente in CSS, die geben uns das Potenzial, zwei weitere Formen, die wir hinzufügen können, um das ursprüngliche element. Indem man clever mit Positionierung, Transformation und viele andere tricks, die wir machen können viele Formen in CSS mit nur einer einzigen HTML-element.

Platz

Rechteck

Kreis

Oval

Dreieck Oben

Dreieck Nach Unten

Dreieck-Links

Dreieck Rechts

Dreieck Oben Links

Dreieck Oben Rechts

Dreieck Unten Links

Dreieck Unten Rechts

Gebogenen Schwanz Pfeil über Ando Razafimandimby

Trapez

Parallelogramm

Sterne (6-Punkte)

Star (5-Punkte) über Kit MacAllister

Pentagon

Hexagon

Octagon

Herz über Nicolas Gallagher

Infinity über Nicolas Gallagher

Diamond Square über Joseph Silber

Diamond Shield über Joseph Silber

Diamant-Schmale über Joseph Silber

Cut Diamond über Alexander Futekov

Ei

Pac-Man

Rede-Blase

12 Punkt Ausbruch über Alan Johnson

8-Punkt-Burst über Alan Johnson

Yin Yang über Alexander Futekov

Abzeichen Ribbon über Catalin Rosu

Space Invader über Vlad Zinculescu

TV-Bildschirm

Chevron über Anthony Ticknor

Lupe

Symbol über Nathan Swartz

Mond über Omid Rasouli

Flagge über Zoe Rooney

Kegel über Omid Rasouli

Kreuz über Kaya Basharan

Basis über Josh Rodgers

Zeiger über Amsakanna Freidenker

Sperre über Colin Bate

SHARE
Previous articleThe Shapes of CSS
Next articleHet Vormen van CSS