본문 바로가기

광고

Design

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기

Reference

CSS

NEWS

SITE

Coding


광고

Code View/Font Effect

[Text] 귀엽게 움직임을 주는 멋있는 타이포 그래픽 CSS




움직임이 귀여운 타이포 효과 CSS입니다.
움직임의 핵심은 

@keyframes float {
  0%,100%{ transform:none; }
  33%{ transform:translateY(-1px) rotate(-2deg); }
  66%{ transform:translateY(1px) rotate(2deg); }
}
여기에 있네요^^

얼릉 HTML5가 대중화되는 날이 왔으면 좋겠네요^^





See the Pen Happy Text by Bennett Feely (@bennettfeely) on CodePen.