본문 바로가기
css

GIF를 이용한 페이지 요소의 미묘한 애니메이션

by code-box 2021. 9. 28.

저는 페이지들이 서로 다른 페이지 요소를 강화하기 위해 매우 미묘한 애니메이션을 사용하는 것을 정말 좋아합니다. E-Junkie 사이트와 도장에 있는 작은 불꽃남을 로고로 확인해 보세요. 이따금씩 눈을 깜빡거리는데 꽤 멋진 효과가 있어요. 그들은 이런 효과를 얻기 위해 GIF 애니메이션을 사용합니다. 그래서 저는 여러분에게 저만의 예를 보여드리고자 합니다.

스푼 그래픽스의 크리스 스푸너는 매우 멋진 프랑켄스푼 괴물을 디자인했다. 나는 올 프랑켄스푼을 약간 수정해서 그를 예시 사이트의 헤더에 사용했다. 또한 사이트 상단 테두리의 강조 표시는 때때로 앞뒤로 이동합니다.

[라이브 예시]

[다운로드 예제]

'css' 카테고리의 다른 글

Mac CSS 에디터 리뷰  (0) 2021.09.28
CSS3 아이디어: 페이지 요소의 회전  (0) 2021.09.28
완벽한 유체 폭 레이아웃  (0) 2021.09.28
유체 폭 및 부유 물체 가능성  (0) 2021.09.28
블루 플로이버 헤더 설계 기법  (0) 2021.09.28

댓글