ホームページ  >  記事  >  ウェブフロントエンド  >  純粋な CSS を使用したバットマン コミック

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

王林
王林オリジナル
2024-07-18 20:50:521001ブラウズ

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

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

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

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

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

Batman Comic


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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。