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

Programmers

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

Programmers

검색하기 폼
  • 개발 노트 (287)
    • VUEJS (21)
    • JAVA (3)
    • Python (10)
    • HTML CSS JS (72)
    • Servlet JSP (67)
    • JDBC (19)
    • Oracle Database (21)
    • POSIX CLI (13)
    • Git (34)
    • 알고리즘 (4)
    • 개발자 취업 준비 (8)
    • 스크랩 [정보] (1)
    • 이것저것 정리 (6)
  • 방명록

transform-style: preserve-3d; (1)
CSS) 변환속성 - transform-style

1) transform-style 3D 변환 요소의 자식 요소도 3D 변환을 사용할지 설정 속성 값 값 의미 기본값 flat 자식 요소의 3D 변환을 사용하지 않음 flat preserve-3d 자식 요소의 3D 변환을 사용함 사용법 .perspective { width: 200px; perspective:500px; padding: 70px; } .grand-parent { width: 200px; border: 3px solid dodgerblue; transition: 1s; transform: rotateX(-45deg); transform-style: preserve-3d; /* transform-style: flat; */ } .parent { width: 200px; border: 3px s..

HTML CSS JS 2021. 10. 19. 08:27
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바