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