Mundrian은 그의 상징적 인 그림 스타일로 유명합니다. 굵은 검은 선이 그리드를 형성하고 각 셀은 빨간색, 노란색, 파란색 및 흰색으로 채워져 있습니다. 이 미니멀리스트 미학은 웹 페이지의 직사각형 구조를 보완하고 CSS 개발자가 수년에 걸쳐 다양하게 시도하도록 유치했습니다. 최근에, 나는 CSS와 함께 만든 몬드리안 스타일의 작품을 보았으므로 과거에 본 훌륭한 사례를 수집하여 공유하기로 결정했습니다.

vasilis van gemert :

Mondrian이 안료 대신 CSS를 사용했다면 어떻게합니까?

많은 사람들이 CSS와의 Mondrian의 작업을 재현하려고합니다. 이것은 간단하고 쉬운 운동처럼 보입니다. CSS는 사각형을 쉽게 만들 수 있으며 이제 그리드를 사용하면 대부분의 작품을 쉽게 재현 할 수 있습니다. 나는 그것을 시도했고, 그것은 내가 생각했던 것보다 조금 더 복잡한 것으로 판명되었습니다. 그리고 결과는 놀랍습니다.

Jen Simmons Lab :

CSS 그리드를 기반으로 한 Mondrian Art

Jen이 작업에 추가 한 텍스처 세부 사항이 마음에 듭니다. 대부분의 예와 마찬가지로, 그녀는 CSS 그리드를 많이 사용합니다.

Jen Schiffer :

변수 t : Pete Mondrian

나는 그가 내가 가장 좋아하는 아티스트 였기 때문에 처음에는 Mondrian을 선택했고 (그는 그렇지 않았기 때문에) 그의 작품은 알아 채기 쉬웠 기 때문에 (인식하기 쉬웠 기 때문에) 재미 (예)가되기 쉽다고 생각했기 때문에 (하하, 아니).

Riley Wong :

코드로 자신만의 mondrian 스타일의 그림을 만듭니다

Github에 12 단계 자습서가 있습니다.

Adam Fuhrer :

CSS Mondrian

CSS 그리드를 사용하여 생성 된 Peter Mondrian 스타일 아트.

John Broers :

CSS 그리드를 기반으로 한 Mondrian의 작업