Batman-Comics mit reinem CSS

Ich kann wirklich nicht sagen, dass ich ein großer Fan von TailwindCSS bin, denn ich mag es nicht, meinen HTML-Code mit Dutzenden vordefinierter Klassen zu dekorieren, anstatt eine sinnvolle Klasse direkt in meinen eigenen CSS-Code zu implementieren.

Alvaro Montoro zeigt jedoch mit seinem Batman-Comic.CSS-Projekt, wie Sie vordefinierte Klassen auf sinnvolle und sogar urkomische Weise nutzen können, sodass Sie einen Comic erstellen können, ohne die geringste Ahnung vom Zeichnen zu haben Comics!

Grundstruktur definieren, CSS-Klassen für die verschiedenen Gesichtsausdrücke hinzufügen, Texte für die Sprechblasen hinzufügen ... Fertig. Es ist so unglaublich cool und ich denke, ich werde es häufig in meinen Beiträgen verwenden, denn manchmal sagt ein Comic mehr als tausend Worte.

Hier ist ein Klassiker ... bestehend aus 10 HTML-Tags und einer verlinkten CSS-Datei (und einigen kleinen Stilanpassungen ;):

(Nur ein Bild hier auf dev.to)

---

Siehe den Originalbeitrag auf kiko.io: Batman Comics mit reinem CSS

Das obige ist der detaillierte Inhalt vonBatman-Comics mit reinem CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!