Auf CSS Tricks hat Chris Coyier ein sehr spannendes Experiment hochgeladen. Auf Grundlage von jeweils nur einem HTML-Element hat er versucht möglichst viele geometrische Formen ausschließlich mit CSS zu realisieren.
Das Ergebnis ist überraschend umfangreich und komplex. Diverse CSS3-Features und Pseudoklassen kommen zum Einsatz und erzeugen Standardformen wie Quadrat, Rechteck und Dreieck aber eben auch Herzen, Parallelogramme und das Unendlichkeitssymbol. Unbedingt anschauen!
The Shapes of CSS
Geschrieben von:
Raimund Büchner
Raimund ist oft die erste Ansprechperson bei kulturbanause. Er kümmert sich hauptsächlich um die Betreuung und Beratung unserer bestehenden als auch künftigen Kundschaft. Ein weiterer Schwerpunkt seiner Tätigkeit liegt im Design nicht unmittelbar sichtbarer Dinge: Struktur und Inhalte. Projekte unterstützt er daher vor allem in der Anfangsphase in Bereichen wie Informationsarchitektur, UX-Design und Content Strategy.
Jonas Hellwig
Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.
Jonas Hellwig bei Xing
Falls du es verpasst hast
[…] Geometrische Formen mit CSS […]