私は、TailwindCSS の大ファンとは言えません。私は、意味のあるクラスを自分の CSS コードに直接実装する代わりに、HTML を多数の定義済みクラスで装飾するのが好きではないからです。
しかし、Alvaro Montoro は、Batman-Comic.CSS プロジェクト で、定義済みのクラスを有意義で面白い方法で使用する方法を示しています。これにより、描画についてまったく知識がなくてもコミックを作成できるようになります。漫画!
基本構造を定義し、さまざまな表情用の CSS クラスを追加し、吹き出し用のテキストを追加します...完了です。これはとても素晴らしく、自分の投稿で頻繁に使用することになると思います。漫画には 1,000 語以上の言葉が含まれる場合があるからです。
これは古典的なものです...10 個の HTML タグとリンクされた CSS ファイル (およびいくつかの小さなスタイル調整 ;) で構成されています:
(dev.to にある写真のみ)
kiko.io の元の投稿を参照: 純粋な CSS を使用したバットマン コミックス
免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。
Copyright© 2022 湘ICP备2022001581号-3