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

당 떨어질 땐 초코딩

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

당 떨어질 땐 초코딩

검색하기 폼
  • TOTAL (223)
    • LANGUAGE (93)
      • C++ (26)
      • C# (9)
      • JAVA (24)
      • JAVA SCRIPT (24)
      • NODE.JS (6)
      • DESIGN PATTERN (4)
    • FRONT-END (74)
      • HTML (7)
      • CSS (20)
      • JQUERY (10)
      • JSP (13)
      • ANGULAR (3)
      • REACT (14)
      • WEB DESIGN (6)
    • BACK-END (13)
      • SERVLET (3)
      • SPRING (7)
      • SPRING BOOT (2)
    • DATABASE (36)
      • JDBC (5)
      • SQL (28)
    • LINUX (0)
    • WEB (2)
    • BLOCK CHAIN (2)
    • ETC (1)
  • 방명록

변형 (1)
[CSS] TRANSFORM - 변형

변형 : 특정 요소의 크기나 형태가 변하는 것 - 2차원 변형 : 웹 요소를 변형시킬 때, 단순히 수평이나 수직으로 이동하고 회전 - 3차원 변형 : x축과 y축에 원근감을 주는 z축을 추기해 변형 transform - 2차원 변형 함수 -> -webkit- 와 -moz-, -ms-, -o- 등의 접두사를 붙여야 함 변형 함수 설명 translate(tx, ty) 지정한 크기 만큼 x축과 y축으로 이동 translateX(tx) 지정한 크기 만큼 x축으로 이동 translateY(ty) 지정한 크기 만큼 y축으로 이동 scale(sx, sy) 지정한 크기 만큼 x축과 y축으로 확대 / 축소 scaleX(sx) 지정한 크기 만큼 x축으로 확대 / 축소 scaleY(sy) 지정한 크기 만큼 y축으로 확대 /..

FRONT-END/CSS 2019. 1. 23. 13:49
이전 1 다음
이전 다음

티스토리툴바