Rev. 2.73

CSS3로 할 수 있는 것들 - CSS3 Click Chart

css3-click-chart.png

라운디드 코너, 그림자, 그라디언트, 등의 다채롭고 흥미로운 그래픽 효과를 부여할 수 있는 CSS3는 마법과도 같습니다. Impressive Webs의 Louis Lazaris씨는 CSS3를 이용하여 가능한 예시를 일목요연하게 조회하고 쉽게 응용할 수 있도록 CSS3 Click Chart를 만들었습니다. box-sizing, border-radius, shadows, RGBA colors, multiple columns, HSLA colors, gradients, multiple backgrounds 총 8개 파트로 구성되어 있으며 "?"버튼을 클릭하여 예제에 사용된 코드와 설명을 조회할 수 있습니다. 지속해서 업데이트해 나갈 예정이라고 하네요. 그라디언트 속성도 상당히 임팩트 있는걸요?

#gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#4a6378), to(#ccc), color-stop(0.5, #fff), color-stop(0.5, #6d94b4));
  background: -moz-linear-gradient(right, #340000, #B78330 70%, #FEFDA1);
}

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar