5 개의 코더의 CSS의 Mondrian Art

Mondrian은 그의 상징적 인 그림 스타일로 유명합니다. 굵은 검은 선이 그리드를 형성하고 각 셀은 빨간색, 노란색, 파란색 및 흰색으로 채워져 있습니다. 이 미니멀리스트 미학은 웹 페이지의 직사각형 구조를 보완하고 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 그리드를 사용하여 생성 된 Pete Mondrian 스타일 아트.

John Broers :

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

위 내용은 5 개의 코더의 CSS의 Mondrian Art의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!