Komik Batman dengan CSS tulen

Saya benar-benar tidak boleh mengatakan bahawa saya peminat besar TailwindCSS, kerana saya tidak suka menghias HTML saya dengan berpuluh-puluh kelas yang telah ditetapkan dan bukannya melaksanakan kelas yang bermakna secara langsung dalam kod CSS saya sendiri.

Walau bagaimanapun, Alvaro Montoro menunjukkan cara anda boleh menggunakan kelas yang dipratentukan dengan cara yang bermakna dan juga lucu dengan projek Batman-Comic.CSS beliau, yang membolehkan anda mencipta komik tanpa mempunyai idea sedikit pun tentang lukisan komik!

Tentukan struktur asas, tambah kelas CSS untuk pelbagai ekspresi muka, tambah teks untuk buih pertuturan ... Selesai. Ia sangat hebat dan saya rasa saya akan menggunakannya dengan kerap dalam siaran saya, kerana kadangkala komik mengatakan lebih daripada seribu perkataan.

Berikut ialah klasik ... yang terdiri daripada 10 teg HTML dan fail CSS yang dipautkan (dan beberapa pelarasan gaya kecil ;):

(Hanya gambar di sini di dev.to)

Lihat siaran asal di kiko.io: Komik Batman dengan CSS tulen

Atas ialah kandungan terperinci Komik Batman dengan CSS tulen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!