틀:연습장/Lena6/styles.css

2024년 5월 6일 (월) 20:04 판 (원본 보기) Lena (토론 | 기여) 편집 요약 없음 ← 이전 편집		2024년 5월 6일 (월) 20:04 판 (원본 보기) Lena (토론 | 기여) 편집 요약 없음 다음 편집 →
2번째 줄:		2번째 줄:
	.main-id-card {		.main-id-card {
	width: 100%;		width: 100%;
	height: 400px;		height: 200px;
	margin: .8rem 0;		margin: .8rem 0;
	user-select: none;		user-select: none;
10번째 줄:		10번째 줄:
	.main-id-card {		.main-id-card {
	width: 100%;		width: 100%;
	height: 200px;		height: 400px;
	margin: .8rem 0;		margin: .8rem 0;
	user-select: none;		user-select: none;

---

2024년 5월 6일 (월) 20:04 판

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