純粋な CSS を使用したバットマン コミック

私は、TailwindCSS の大ファンとは言えません。私は、意味のあるクラスを自分の CSS コードに直接実装する代わりに、HTML を多数の定義済みクラスで装飾するのが好きではないからです。

しかし、Alvaro Montoro は、Batman-Comic.CSS プロジェクト で、事前定義されたクラスを有意義で面白い方法で使用する方法を示しています。これにより、描画についてまったく知識がなくてもコミックを作成できます。コミック!

基本構造を定義し、さまざまな表情用の CSS クラスを追加し、吹き出し用のテキストを追加します...完了です。これはとても素晴らしく、投稿で頻繁に使用することになると思います。漫画には 1,000 語以上の言葉が含まれる場合があるためです。

これは、10 個の HTML タグとリンクされた CSS ファイル (およびいくつかの小さなスタイル調整 ;) で構成される古典的なものです:

(dev.to にある写真のみ)

kiko.io の元の投稿を参照: 純粋な CSS を使用したバットマン コミック

以上が純粋な CSS を使用したバットマン コミックの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。