내가 알아가는 내용을 같이 공유하는 공간

  • 홈
  • 태그
  • 방명록

Animation 1

CSS Transform / Transition / Animation

안녕하세요. 오늘은 CSS Transform / Transition / Animation에 대해 알아볼게요. Transform(변형) 변형은 특정 요소의 크기나 형태 등 스타일이 바뀌는 것이에요. 변형의 종류는 총 두 가지 2차원 변형과 3차원 변형이에요. 2차원 변형 2차원 변형은 x축과 y축을 사용해 요소를 변형하여 수평이나 수직으로 웹 요소를 변형해요. 크기나 각도만 지정할 수 있어요. 아래는 2차원 변형 종류예요. 3차원 변형 3차원 변형은 x축, y축 원근감을 추가하고, z 축은 앞뒤로 이동해서 사용자 방향으로 이동할수록 값이 더 커질 수 있어요. 아래는 3차원 변형 종류예요. Transition(트랜지션) 트랜지션은 웹 요소의 스타일 속성이 조금씩 자연스럽게 바뀌는 것이에요...

Frontend/CSS 2025.11.02
이전
1
다음
더보기
프로필사진

내가 알아가는 내용을 같이 공유하는 공간

개발자 공부를 하며 알게 된 내용들을 정리하고, 누구나 쉽게 접근할 수 있도록 공유하는 블로그입니다.

  • 분류 전체보기 (117)
    • Full-Stack (1)
    • Settings (6)
    • Git . Git Hub (1)
    • Backend (54)
      • Java (45)
      • MySQL (9)
    • Frontend (46)
      • HTML (4)
      • CSS (17)
      • JavaScript (12)
      • React (7)
      • TypeScript (6)
    • VSC (1)
    • 개인 피드백 (8)
      • 백엔드 (4)
      • 프론트엔드 (3)

Tag

웹개발, 코딩, java, javascript, frontend, 자바스크립트, 프론트엔드, CSS, 속성, 웹, 백엔드, 리액트, HTML, Spring Boot, springboot, 코드, backend, react, mysql, It,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/05   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바