IT 프로그래밍/웹페이지 만들기1 웹페이지에서 뭐든지 기울이기 skew(); 이해 안되는 분? 여기로 모여라! 안녕하세요 오늘은 애니메이션 속성 transform: skew(); 에 대해서 알아보겠습니다. 원래 이랬던 div 박스의 기울기를 바꿔 보겠습니다! .html transform: skewY(+15deg); .css .skewY15{ background-color:aquamarine; width: 150px; height: 150px; margin-top: 100px; margin-left: 100px; color: black; transform: rotateY(15deg); /* 기울기 관련 코드 */ } 기울기가 바뀌었습니다. (혹시 몰라서 색도 바꿈) 원래 div와 비교해 보면! 이렇게 Y축 + 15도 는 가로선 밑으로 내려가는 것을 알 수 있습니다. 그렇다면 - 15도는 어떻게 나올까요? html .. 2023. 4. 12. 이전 1 다음 반응형
