Rev. 2.73

Janko Jovanovic씨는 border-radius, background: gradient, box-shadow등의 CSS3 속성을 이용하여 윈도7 스타일 스타트 메뉴를 만들었습니다. 메뉴 전반에 사용된 배경과 마우스 오버시 나타나는 박스에 그라디언트 속성을, 코너에 레디어스 속성을 적용하고 아래와 같은 노드 구조를 가집니다. 이거 이러다가 CSS4가 되면 실시간 블러 효과(photoshop like effects)를 가지는 속성까지 추가될지도 모르겠습니다.

image.axd.png

Comments

White hot glowing text is the NEW LENS FLARE

얼마전 CSS만을 이용하여 글꼴을 만들어버린 David Desandro씨가 이번에는 CSS3를 이용하여 위와 같은 텍스트 렌즈 플레어 효과를 만들어 냈습니다. text-shadow 속성을 적절히 사용하면 다양한 효과를 만들어 낼 수 있겠군요!

#content span {
    color: #FFF;
    text-shadow: 0 0 150px #FFF, 0 0 60px #FFF, 0 0 10px #FFF;
}

Comments