틀:연습장/Lena6/styles.css

2024년 5월 6일 (월) 21:27 판 (원본 보기) Lena (토론 | 기여) 편집 요약 없음 ← 이전 편집		2024년 5월 6일 (월) 21:28 기준 최신판 (원본 보기) Lena (토론 | 기여) 편집 요약 없음
23번째 줄:		23번째 줄:
	transition: transform .25s;		transition: transform .25s;
	}		}
	.main-card:hover .main-id-card-inner {		.main-card:hover .main-card-inner {
	transform: rotateY(180deg);		transform: rotateY(180deg);
	}		}

---

2024년 5월 6일 (월) 21:28 기준 최신판

@media screen and (max-width: 768px) {
	.main-card {
		width: 100%;
		height: 120px;
		margin: .8rem 0 auto;
		user-select: none;
	}
}
@media screen and (min-width: 768px) {
	.main-card {
		width: 100%;
		height: 380px;
		margin: .8rem 0 auto;
		user-select: none;
	}
}
.main-card
.main-card-inner {
	width: 100%;
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	transition: transform .25s;
}
.main-card:hover .main-card-inner {
	transform: rotateY(180deg);
}
.main-card-front,
.main-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.main-card-front {
	transform: rotateY(0deg);
}
.main-card-back {
  transform: rotateY(180deg);
}