Rev. 2.73

CSS3를 이용하여 다양한 시도를 즐기는 Simon씨는 또다시 CSS3를 이용하여 놀라운 것을 만들었습니다. 이번에는 금속질감을 표현한 버튼들입니다. 아래에 출력된 결과물은 CSS3의 repeating-gradient 속성과 텍스트 그리고 :before, :after와 같은 몇몇 가짜 요소를 중첩해서 만들어진 것입니다. 버튼을 클릭하면 파란색으로 빛나는 효과도 있습니다. 선형으로 만들어진 금속 버튼은 브라우저 지원이 준수한 반면, 원형 버튼은 웹킷 계열 브라우저에서만 제대로 표현됩니다.

i

참, Tom Giannattasio씨가 만든 CSS3 실험도 구경해 보라는군요.

Comments

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

Your Reaction Time!

captcha

avatar