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 サイトの他の関連記事を参照してください。