선생님 질문잇습니다. ㅠ
291
投稿した質問数 34
백페이스 히든 줘도 각도를 돌리면 그 뒷면이보이는건가요?
백페이스 자체가 뒷면만 안보이게 하는속성인가요 ㅠ?
백페이스를 안주고 preserve-3d만 주어도 눈에 보이기에는 똑같아 보이는데 따로 꼭줘야 되는 속성인가요 ㅠ?
回答 1
0
3D 오브젝트의 뒷면 처리는 브라우저 환경에 따라 조금씩 다르게 동작하는 경우도 있어서,
필요없는 면이라면 깔끔하게 안보이게 처리해주시는게 좋습니다.
backface-visibility가 정확히 어떤 면을 안보이게 하는건지 테스트 해보시려면 아래 코드를 실행해보세요.
클릭하면 카드가 뒤집어지는데, 카드 뒷면이 보이는 순간부터 안보일거에요~
backface-visibility: hidden을 지우고도 테스트 해보시고요.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
perspective: 1000px;
}
.card {
width: 100px;
height: 130px;
background: red;
transition: 5s;
backface-visibility: hidden;
}
.flip {
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="card">card</div>
<script>
document.querySelector('.card').addEventListener('click', e => {
e.currentTarget.classList.add('flip');
});
</script>
</body>
</html>강의 노트 위주로 학습
0
7
0
'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.
0
19
1
쿠키 생성 관련
0
32
3
JWT auth error invalid token
0
44
2
경력기술서는 어떤 방향이 좋을까요?
0
40
2
transform-style: preserve-3d; 를 추가하면
0
70
1
Babel의 사용법 아래 링크의 영상이 비공개 동영상이라고 뜹니다.
0
146
1
페이지 클래스리스트 제거 해줬을때
0
113
0
페이지를 클릭할 때 Uncaught TypeError: Cannot read properties of undefined (reading 'contains') 에러가 뜹니다.
0
1069
1
질문 있습니다ㅠ.ㅠ..
0
432
1
클릭 시 자꾸 page element만 인식됩니다.
0
258
1
가운데 페이지만 줌인이 됩니다
0
283
1
body에 perspective를 주면 갑자기 html과 body 높이가 0이 됩니다
0
422
1
줌인 상태일 때
0
288
1
이벤트 위임 방식 질문
0
249
1
이사람 누군지 아세요..?
3
438
1
선생님 질문있습니다 이 강의를 리액트환경에서 적용하고싶은데요,
0
307
1
질문있습니다.
0
231
1
줌인이 왜 안되는지를 모르겠어요..
1
289
1
질문이 있어요
1
265
1
질문 있습니다.
0
393
2
선생님 질문 있습니다!
1
287
2
쌤 화면 크기 줄엿을때 글자들 삐져나오는거는 어떻게 해결하죠?
0
416
2
소스코드 압축이 풀리지 않습니다.
0
373
4