read : css transform: perspective(320px) rotateX(52deg); : 기술 #transform #perspective #rotatex::공대여자홈

css transform: perspective(320px) rotateX(52deg);

1

목록

작성자 공대여자

작성 : 2019-05-07 10:25 조회 : 915
지남 1일간

2019-05-07 - 2019-05-07

좌표
css3_pr_perspective.asp

🔗 https://www.w3schools.com/cssref/css3_pr_perspective.asp

#transform #perspective #rotatex

css transform: perspective(320px) rotateX(52deg);

perspective : rotate 에 대한 위치를 잡고 3D로 rotate 되도록 한다.

위 CSS를 적용하면 정사각형이 사다리꼴로 변경된다.

1

목록

댓글

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	23147
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	33549
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	34067
4	ui-transform-tool 1 #ui #transform	공대여자	24-12-3112-31	143
3	will-change: transform; 적용 테스트 #will-change #transform	공대여자	23-08-0208-02	679
2	ui_transformer 1 #ui #style #transform	공대여자	22-10-1010-10	634
1	css transform: perspective(320px) rotateX(52deg); 1 #transform #perspective #rotatex	공대여자	19-05-0705-07	916