來自5位編碼器的CSS中的Mondrian藝術

蒙德里安以其標誌性的繪畫風格而聞名：大膽的黑色線條構成網格，每個單元格則以紅、黃、藍、白四色填充。這種極簡主義的美學與網頁的矩形結構相得益彰，多年來一直吸引著CSS開發者進行各種嘗試。最近我看到了一些用CSS創作的蒙德里安風格作品，於是決定蒐集一些我過去見過的優秀案例，與大家分享。

Vasilis van Gemert：

如果蒙德里安使用CSS而不是顏料會怎樣？

許多人嘗試用CSS重現蒙德里安的作品。這似乎是一項簡單易行的練習：CSS很容易創建矩形，現在有了網格，重現他的大部分作品也很容易。我也嘗試過，結果比我想像的要復雜一些。而結果，嗯，令人驚訝。

Jen Simmons Lab：

基於CSS Grid的蒙德里安藝術

我喜歡Jen在作品中加入的紋理細節。和大多數例子一樣，她大量使用了CSS Grid。

Jen Schiffer：

變量t：皮特·蒙德里安

我一開始選擇蒙德里安並非因為他是我最喜歡的藝術家（他不是），也不是因為他的作品很容易辨認（它很容易辨認），而是因為我認為這將是一個有趣（是的）且容易上手（哈哈，不）的項目。

Riley Wong：

用代碼創作你自己的蒙德里安風格繪畫

在GitHub上有一個12步的教程。

Adam Fuhrer：

CSS蒙德里安

使用CSS Grid生成的皮特·蒙德里安風格藝術。

John Broers：

基於CSS Grid的蒙德里安作品

以上是來自5位編碼器的CSS中的Mondrian藝術的詳細內容。更多資訊請關注PHP中文網其他相關文章！