Seni Mondrian di CSS dari 5 Coders

Mondrian terkenal dengan gaya lukisan ikoniknya: garis hitam yang berani membentuk grid, dan setiap sel dipenuhi dengan merah, kuning, biru dan putih. Estetik minimalis ini melengkapkan struktur segi empat tepat laman web dan telah menarik pemaju CSS untuk mencuba pelbagai tahun. Baru-baru ini, saya melihat beberapa karya gaya Mondrian yang dibuat dengan CSS, jadi saya memutuskan untuk mengumpul beberapa kes yang sangat baik yang saya lihat pada masa lalu dan berkongsi dengan anda.

Vasilis Van Gemert:

Bagaimana jika Mondrian menggunakan CSS dan bukannya pigmen?

Ramai orang cuba menghasilkan semula kerja Mondrian dengan CSS. Ini seolah -olah latihan yang mudah dan mudah: CSS mudah untuk membuat segi empat tepat, dan sekarang dengan grid, ia juga mudah untuk menghasilkan semula sebahagian besar karyanya. Saya telah mencubanya, dan ternyata sedikit lebih rumit daripada yang saya fikirkan. Dan hasilnya, baik, mengejutkan.

Makmal Jen Simmons:

Seni Mondrian Berdasarkan CSS Grid

Saya suka butiran tekstur yang telah ditambahkan oleh Jen kepada kerja. Seperti kebanyakan contoh, dia menggunakan grid CSS dengan berat.

Jen Schiffer:

Variabel T: Pete Mondrian

Saya memilih Mondrian pada mulanya bukan kerana dia adalah artis kegemaran saya (dia tidak), atau kerana kerjanya mudah dikenali (ia mudah dikenali), tetapi kerana saya fikir ia akan menjadi keseronokan (ya) dan mudah dimulakan (haha, tidak).

Riley Wong:

Buat lukisan gaya Mondrian anda dengan kod

Terdapat tutorial 12 langkah di GitHub.

Adam Fuhrer:

CSS Mondrian

Seni gaya Pete Mondrian yang dijana menggunakan grid CSS.

John Broers:

Kerja Mondrian berdasarkan grid CSS

Atas ialah kandungan terperinci Seni Mondrian di CSS dari 5 Coders. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!