Art Mondrian en CSS à partir de 5 codeurs

Mondrian est connu pour son style de peinture emblématique: les lignes noires audacieuses forment une grille, et chaque cellule est remplie de rouge, jaune, bleu et blanc. Cette esthétique minimaliste complète la structure rectangulaire des pages Web et a attiré les développeurs CSS à essayer diversement au fil des ans. Récemment, j'ai vu des œuvres de style Mondrian créées avec CSS, j'ai donc décidé de collecter d'excellents cas que j'ai vus dans le passé et de les partager avec vous.

Vasilis van Gemert:

Et si Mondrian utilisait CSS au lieu de pigments?

Beaucoup de gens essaient de reproduire le travail de Mondrian avec CSS. Cela semble être un exercice simple et facile: CSS est facile à créer des rectangles, et maintenant avec une grille, il est également facile de reproduire la plupart de son travail. Je l'ai essayé, et cela s'est avéré un peu plus compliqué que je ne le pensais. Et le résultat, eh bien, est surprenant.

Jen Simmons Lab:

Art Mondrian basé sur la grille CSS

J'aime les détails de texture que Jen a ajoutés au travail. Comme la plupart des exemples, elle utilise fortement la grille CSS.

Jen Schiffer:

Variable T: Pete Mondrian

J'ai choisi Mondrian au début non pas parce qu'il était mon artiste préféré (il ne l'était pas), ni parce que son travail était facile à reconnaître (c'était facile à reconnaître), mais parce que je pensais que ce serait un plaisir (oui) et facile à démarrer (haha, non).

Riley Wong:

Créez votre propre peinture de style Mondrian avec du code

Il y a un tutoriel en 12 étapes sur GitHub.

Adam Fuhrer:

CSS Mondrian

L'art de style Pete Mondrian généré à l'aide de la grille CSS.

John Broers:

Le travail de Mondrian basé sur la grille CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!