편집토론문서 역사

틀:이미지 변화/styles.css: 두 판 사이의 차이

< 틀:이미지 변화
편집 요약 없음
편집 요약 없음
태그: 수동 되돌리기
 
1번째 줄: 1번째 줄:
.image-change .image-change-inner {
.image-change-template-1 {
width: 100%;
height: 100%;
position: relative;
position: relative;
transform-style: preserve-3d;
}
}
.image-change:hover .image-change-inner {
.imgae-change-template-2 img {
transform: rotateY(180deg);
}
.image-change-front,
.image-change-back {
position: absolute;
position: absolute;
width: 100%;
top: 0;
height: 100%;
left: 0;
backface-visibility: hidden;
display: none;
}
.image-change-front {
transform: rotateY(0deg);
}
}
.image-change-back {
.imgae-change-template-1:hover .imgae-change-template-2 img {
  transform: rotateY(180deg);
display: inherit;
z-index: 3;
}
}

2024년 5월 14일 (화) 01:19 기준 최신판

.image-change-template-1 {
	position: relative;
}
.imgae-change-template-2 img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.imgae-change-template-1:hover .imgae-change-template-2 img {
	display: inherit;
	z-index: 3;
}