본문 바로가기 메뉴 바로가기

꿀벌개발일지

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

꿀벌개발일지

검색하기 폼
  • 분류 전체보기 (695)
    • Daylogs (695)
      • AI (10)
      • 생각_경험 (3)
      • 개발뉴스 (2)
      • 책 (1)
      • AWS (3)
      • Javascript (237)
      • HTML (24)
      • Nginx (26)
      • Git (27)
      • Xcode (9)
      • iOS (18)
      • Java (74)
      • C (13)
      • Python (28)
      • DB (39)
      • Unix (50)
      • Security (6)
      • Logic (10)
      • Spring (4)
      • Etc (87)
      • Web (4)
      • UX (12)
      • DevTip (5)
      • Docker (2)
  • 방명록

트랜지션 (1)
CSS3 트랜지션과 애니메이션의 차이

발생일: 2013.11.07 키워드: CSS3, 트랜지션, 애니메이션, transition, animation 문제: 얼마 전 회사 해커톤에선 립모션으로 비트박스를 만드는 걸 만들었었다.ㅎㅎ손가락으로 특정 비트를 선택하서 요기로 저기로 보내는 컨셉이었는데,커서에 글로우 효과가 계속 되도록 애니메이션을 주고 싶었다. 최근엔 CSS3는 많이 다뤄본 적이 없어서,트랜지션 속성을 쓰는 게 나을 지 애니메이션 속성을 쓰는 게 나을지 고민하면서메모해둔 게 있어 옮겨둔다. 해결책: http://www.kirupa.com/html5/css3_animations_vs_transitions.htm 트랜지션은 CSS 프로퍼티에 의해서만 발생한다.:hover 같은 슈도 클래스에 의해서이거나, 클래스를 넣고 빼는 등의 동작에 ..

Daylogs/HTML 2013. 12. 15. 17:10
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바