lshjju 님의 블로그

  • 홈
  • 태그
  • 방명록

Transform 1

transform

정적인 요소를 움직이고 회전시키는 transform 속성은 웹 디자인에 생동감을 불어넣는 마법과 같습니다.1. CSS transform의 정의transform은 단어 뜻 그대로 요소의 모양, 크기, 위치, 회전을 시각적으로 변경할 때 사용하는 속성입니다.이 속성의 가장 큰 특징은 요소가 페이지의 일반적인 흐름(레이아웃)을 방해하지 않으면서 시각적으로만 변화를 준다는 점입니다.따라서 다른 주변 요소들에 영향을 주지 않고도 자유롭게 변형할 수 있어 애니메이션 구현에 매우 효율적입니다.2. transform의 중요 함수 (Functions)transform 속성 뒤에는 다양한 함수를 붙여 어떤 변형을 줄지 결정합니다.translate(x, y): 요소를 현재 위치에서 지정한 거리만큼 이동시킵니다.scale(x..

CSS 2026.02.15
이전
1
다음
더보기
프로필사진

lshjju 님의 블로그

lshjju 님의 블로그 입니다.

  • 분류 전체보기 (322) N
    • New (80) N
    • Index (13)
    • IDE (19)
    • HTML (13)
    • CSS (41)
    • JavaScript (30)
    • React.js basic manual (25)
    • 생활코딩! React 리액트 프로그래밍 (16)
    • Next.js project Nextagram (8)
    • JAVA (12)
    • JAVA 80% (11)
    • Graphic tool manual (21)
    • UI Design project (5)
    • Product detail page design .. (5)
    • Reference (3)
    • hanbitn (0)
    • Do it! HTML 웹 표준의 정석 (5)
    • Do it! CSS 웹 표준의 정석 (9)
    • Do it! 자바스크립트 웹 표준의 정석 (5)

Tag

type conversion, NULL, loop statement, Exception class, Conditional Statement, java.lang package, I/O Stream, primitive type, Enumerated Type, Exception handing, Thread Control, anonymous object, I/0 API, Type conversion and Polymorphism, Nested class and Nested interface, VS Code, Decorator Stream, collection framework, react 프로젝트 배포, 일러스트레이터 툴바/패널/환경설정 매뉴얼,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/03   »
일 월 화 수 목 금 토
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 © Kakao Corp. All rights reserved.

티스토리툴바