Yoonmin

  • 홈
  • 태그
  • 방명록

움직이는웹 1

[CSS3]Transition & Animation

Animation vs Transition 이 둘의 차이점으로 transition은 전환 즉, 어떤 요소에 property를 줬을 때 부드러운 전환이 특징인 반면 animation은 주고 싶을 때 언제든 요소에 움직임을 줄 수 있어 자유도가 높다. 👀CSS transition 우리는 Styling을 시도하다 보면 요소의 속성 값을 변경하는 경우가 발생한다. 이럴 때 속성 값을 바로 변경하는 것이 아닌 애니메이션을 통해 속성 값을 변경한다. Transition을 사용하기 위해서는 4가지 선언을 알고 있어야 한다. (HTML class에 active 추가되었을 때 동작하는 모습을 볼 수 있다.) .box.active{ font-size:30px; background-color: #ff4949; } /*해당 ..

Front-end/CSS 2022.04.03
1
더보기
프로필사진

제가 좋아하는 공간이 선한 영향력으로 가득 차면 좋겠습니다.🙏🏼

  • Full Stack Developer (36)
    • Front-end (33)
      • JavaScript (15)
      • HTML (3)
      • CSS (8)
      • REACT (2)
      • TypeScript (0)
    • Back-end (0)
      • node.js (0)
    • Language (1)
      • Python (0)
      • Swift (0)
    • Github (2)

최근글과 인기글

  • 최근글
  • 인기글

Archives

공지사항

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바