Safari4 그리고 이미지 그라데이션.

2009-02-25   //   alexken작성   //   기술  //  1 Comment

평상시 RSS 피드를 구독하는 미남이의 이러쿵저러쿵사이트에서 Safari4에 대한 소개글을 봤다. 어제 Safari4 beta를 설치해서 사용하는 지라 그냥 넘어가려는 찰라 Welcome to Safari4라는 이미지 밑에 그라데이션에 눈이 갔다.
통이미지 일줄 알았는데, 영역 선택해 보니까 그렇지 않았다.
그래서 소스 보기를 해보니 img 태그에 style에 못보던 속성이 들어있어

아예 CSS에 통으로 적용해 버렸다.

img {
  -webkit-box-reflect: below 0
  -webkit-gradient(linear, left top, left bottom,
               from(transparent),
                   color-stop(0.5, transparent),
                   to(rgba(255, 255, 255, 0.4)));
}

이렇게 말이다.

아마도 webkit을 사용하는 Safari와 Chrome에만 적용될거 같은데
이전 포스트의 그림은 이렇게 보이게 된다.

좀 사용해보고 유치하다 느껴지면 그때 내려야 겠다.