css + ajax ; FireJune´s Blog :: CSS로 만든 방탄 팬시 다이얼로그

FireJune´s Blog :: CSS로 만든 방탄 팬시 다이얼로그

2007/04/22 19:53

CSS로 만든 방탄 팬시 다이얼로그

Even More Rounded Corners With CSS

(Another technique for the pile.)

There's an increasing desire (at time of writing, February 2007) to provide rounded corner dialogs with various visual effects. Based on the original More Rounded Corners With CSS, this update reduces the background to a single "sprite", retaining the alpha transparency benefits of PNG without bloating the markup required to produce the same effect. The end result is something which should allow for further customization.

Scott Schiller씨는 100% CSS기반의 예쁜 다이얼로그를 공개했습니다. 놀라운것은 알파값을 지닌 PNG 이미지를 하나만 사용하고 있습니다.(마치 맵핑소스처럼 사용하는군요.) PNG를 지원하지 않는 IE6에서는 일반 GIF이미지가 나타납니다. nate.koechley.com과 squidfingers.com에서 함께 참여한듯 합니다. 요것 참 마음에 드는군요. 아래는 테스트삼아 여러가지 장난을 부려 보았습니다.

꿈틀대기 | 드래그 부여하기 | 리사이즈 부여하기 | 색상 : 빨강, 검정, 파랑