モンドリアンは彼の象徴的な絵画スタイルで知られています:大胆な黒い線はグリッドを形成し、各セルは赤、黄、青、白で満たされています。このミニマリストの美学は、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 サイトの他の関連記事を参照してください。