来自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中文网其他相关文章！