demun(대문블로그)

퍼블리셔/css2011. 12. 16. 18:53

-o- 는 오페라 브라우져의 벤더 프리픽스 입니다. 각 브라우져에 대한 벤더 프리픽스는 -webkit-gradient 에서 확인 할 수 있습니다. 오페라는 원형 그라디언트에 대해서는 문서화하여 정확하게 나와 있는데 선형 그라디언트에 대해서는 좀 모호하게 나와 있습니다. 문서의 링크를 먼저 알려드리고 시작하겠습니다. 다양한 예제와 정확한 원문이 있으니 참고하시기 바랍니다. 오페라 원형 그라디언트 문서 바고가기 , 선형 그라디언트 문서 바로가기 그래서 일단 원형 그라디언트에 대해서 이야기 합니다. -o-radial-gradient 원형 그라디언트 글 보기 -o-radial-gradient 우선 원형 그라디언트의 구문을 보겠습니다. 1. position 위치. 위치는 원형 그라데이션이 어느 위치에 있는지를 지..

퍼블리셔/기술2011. 8. 5. 09:00

css 로 그라데이션을 만들려면 꽤나 복잡하지요. 간단하게 설정만하면 자동으로 만들어 주는 사이트를 소개합니다. 한가지 영어로 되어 있다는 단점이 있긴 하지만 곧잘 익숙해져야 합니다. 간단하게 타입, 너비, 높이 그리고 시작하는 컬러와 끝나는 컬러를 지정하면 됩니다. 모르면 이것 저것 눌러보세요. 손해 안봅니다. Gradient Image Maker 아래 이미지처럼 몇가지 설정을 한후 저장할 이미지 포맷을 지정하면 됩니다. 새창열기 Gradient Texture 아래 스샷에는 전부 안나왔지만 그라데이션 타입과, 사이즈, 컬러를 지정한후 Generate 를 클릭하면 됩니다. 새창열기 ogim.4u2ges.com 꽤나 복잡하게 보입니다. 많은 설정을 할수 있습니다. 화살표처럼 설정을 해도 되지만 아래 화살표..