티스토리 뷰




움직임이 귀여운 타이포 효과 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.









저작자 표시
신고
댓글
댓글쓰기 폼