본문 바로가기

CSS 비율

CSS와 황금비율, CSS로 표현하는 한계는? 몇 주 전, 브루클린에 있을 때 운 좋게도 스콧 캘럼(Scott Kellum)과 함께 점심을 같이 한 적이 있습니다. 그는 최근 'em'으로 정의된 크기와 'CSS' 형태를 적용하여 여러 가지 도형들을 만드는 것에 재미를 붙이고 있다고 말했습니다.나 역시 이 아이디어에 흥미를 느껴, 황금 비율(1.618033988...)과 함께 작업을 해보기 시작했습니다.(건축학을 배운 지 4년이 지났지만, 아직도 황금 비율(golden-ratio)에 대한 애착이 있습니다.)기본 모양을 만드는 것부터 시작하여, 사각형들이 중심으로부터 뻗어 가는 모습을 유지하기 위해 위치와 함께 모양을 약간 비틀어보려고 합니다. [CSS Code].golden-ratio{ font-size: 1.61803398874989484820458.. 더보기
[CSS] CSS와 황금비율, CSS로 표현하는 한계는? 요즈음 CSS3가 예전보다는 많이 사용하는것 같은데 CSS3를 이용한 그래픽 기술은 이제 웹디자이너의 영역을 넘어서 웹프로그래머와 공존하는 영역이 된듯 합니다. 아래글은 CSS를 이용한 황금비율이라는 재미난 실험(?)을 한 글인데 가볍게 읽어보시기 바랍니다. 이 글은 dvncan.com 운영자인 Duncan Graham이 황금비율에 대한 애착의 발로로 최근 으로 정의된 크기와 형태를 적용, 여러 가지 도형을 만들 수 있는 가능성을 제시하는 내용을 담고 있습니다. 몇 주 전, 브루클린에 있을 때 운 좋게도 스콧 캘럼(Scott Kellum)과 함께 점심을 같이 한 적이 있습니다. 그는 최근 'em'으로 정의된 크기와 'CSS' 형태를 적용하여 여러 가지 도형들을 만드는 것에 재미를 붙이고 있다고 말했습니다.. 더보기