수니리즘

    translateZ 1

    [CSS3] transform(3d변형) : 특정 요소의 모양을 3차원 공간에서 입체적으로 변형하기

    바로 전 단계에서 transform의 다양한 속성들을 활용하여 평면상에서의 모양을 변형하는 법을 배웠습니다. 이번에는 평면이 아닌 입체적인 공간에서의 요소 변형법을 알아보겠습니다. 기존의 transform 속성들 중 3d로의 변형이 가능한 속성은 translate와 rotate입니다. (1) perspective : 원근감 설정하기 흔히 2d라고 하는 평면공간을 입체적인 3d 공간으로 바꾸는 제일 중요한 요소가 무엇일까요? 기존 x축, y축에 z축을 추가했을 시에 비로소 평면에서 입체적인 공간으로 바뀝니다. 지금부터 우리가 다뤄볼 속성이 바로 이 z축에 해당합니다. 사람의 눈에 더욱 자연스러운 입체공간을 구현하기 위해서는 원근감이라는 요소를 추가해야 하는데 브라우저상에 원근감을 설정해주는 요소가 바로 p..

    💕IT 공부하기/CSS3 2023.04.29
    이전
    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.

    티스토리툴바