蒙德里安以其标志性的绘画风格而闻名:大胆的黑色线条构成网格,每个单元格则以红、黄、蓝、白四色填充。这种极简主义的美学与网页的矩形结构相得益彰,多年来一直吸引着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中文网其他相关文章!