수니리즘

    scale 1

    [CSS3] transform(2d변형) : 특정 요소의 모양을 평면상에서 자유롭게 변형하기

    기존 웹 표준에서 모든 HTML 요소의 모양은 사각형이었으며 해당 모양을 변형할 수 있는 방법이 없었지만 CSS3으로 넘어오면서 포토샵의 기능과 비슷한 변형 속성이 대거 추가되었습니다. 따라서 기존에는 불가능하던 다양한 디자인 기법이 순수 CSS 기술만으로도 구현이 가능해졌습니다. 이러한 CSS3 기능의 추가는 jQuery와의 결합을 통해 더욱 역동적이고 인터랙티브한 웹 사이트 제작을 도와줍니다. 여기서는 transform의 속성 중 평면상에서 구현가능한 기능들을 위주로 학습하겠습니다. transform의 경우에는 속성도 다양하고 표기법이 다소 익숙하지 않을 수 있으니 해당 예제를 차분히 따라 해보면서 천천히 눈에 익히기 바랍니다. (1) translate : x축이나 y축으로 이동 translate는 ..

    💕IT 공부하기/CSS3 2023.04.27
    이전
    1
    다음
    더보기

    공지사항

    • 2023년 정기 기사 제2회 필기시험 원서접수 관련 주요 안내사항
    • 분류 전체보기 (150)
      • 💜Health and Wellness💜 (18)
      • 💕IT 공부하기 (40)
        • 데이터베이스 (27)
        • CSS3 (13)
      • 💕자격증 정보 (51)
        • 기능사 (19)
        • 산업기사 (22)
        • 기능장 (4)
        • 관세사 (4)
        • 공인중개사 (1)
      • 💕꿈풀이 해몽읽기 (31)
      • 카페💕디저트 (9)
      • 💕동네맛집추천 (1)
      • 💕K디지털기초역량훈련 (0)
        • 웹퍼블리싱 (0)
        • UX·UI (0)
    반응형

    Copyright © Kakao Corp. All rights reserved.

    티스토리툴바