ホームページ > ウェブフロントエンド > CSSチュートリアル > 5人のコーダーからのCSSのMondrian Art

5人のコーダーからのCSSのMondrian Art

Joseph Gordon-Levitt
リリース: 2025-03-15 10:48:09
オリジナル
922 人が閲覧しました

5つのコードからのCSSのMondrian Art

モンドリアンは彼の象徴的な絵画スタイルで知られています:大胆な黒い線はグリッドを形成し、各セルは赤、黄、青、白で満たされています。このミニマリストの美学は、Webページの長方形の構造を補完し、長年にわたってCSS開発者をさまざまに試してみました。最近、CSSで作成されたモンドリアンスタイルの作品をいくつか見たので、過去に見た優れたケースを収集して、あなたと共有することにしました。

Vasilis Van Gemert:

モンドリアンが顔料の代わりにCSSを使用した場合はどうなりますか?

多くの人々は、モンドリアンの仕事をCSSと再現しようとしています。これはシンプルで簡単なエクササイズのように思えます。CSSは長方形を簡単に作成できますが、グリッドを使用すると、彼の作業のほとんどを簡単に再現できます。私はそれを試してみましたが、それは思っていたよりも少し複雑であることが判明しました。そして、結果は驚くべきことです。

ジェン・シモンズラボ:

CSSグリッドに基づくモンドリアンアート

私はジェンが作品に追加したテクスチャの詳細が好きです。ほとんどの例と同様に、彼女はCSSグリッドを非常に使用しています。

ジェン・シファー:

変数T:ピートモンドリアン

私は最初にモンドリアンを選びました(彼が私のお気に入りのアーティストだったからではなく(彼がそうではなかった)、彼の作品が簡単に認識されたからではなく(認識しやすい)、それは楽しい(はい)、簡単に始めることができると思ったから(ハハ、いいえ)。

ライリー・ウォン:

コードで独自のモンドリアンスタイルの絵画を作成します

Githubには12段階のチュートリアルがあります。

Adam Fuhrer:

CSSモンドリアン

CSSグリッドを使用して生成されたピートモンドリアンスタイルのアート。

ジョン・ブローズ:

CSSグリッドに基づくMondrianの作業

以上が5人のコーダーからのCSSのMondrian Artの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート