편집토론문서 역사

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

< 틀:이미지 감속 변화
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
.image-change-template-1 > img {
.image-change-template-1 img {
position: relative;
position: relative;
opacity:1;
opacity:1;
transition: 0.3s;
transition: 0.3s;
}
}
.imgae-change-template-2 {
.imgae-change-template-2 img {
position: absolute;
position: absolute;
opacity:0;
opacity:0;
transition: 0.3s;
transition: 0.3s;
}
}
.imgae-change-template-1 > img:hover {
.imgae-change-template-1 img:hover {
position: relative;
position: relative;
opacity:0;
opacity:0;
transition: 0.3s;
}
.imgae-change-template-1:hover ~ .imgae-change-template-2 {
position: absolute;
opacity:1;
transition: 0.3s;
transition: 0.3s;
}
}

2023년 9월 30일 (토) 13:24 판

.image-change-template-1 img {
	position: relative;
	opacity:1;
	transition: 0.3s;
}
.imgae-change-template-2 img {
	position: absolute;
	opacity:0;
	transition: 0.3s;
}
.imgae-change-template-1 img:hover {
	position: relative;
	opacity:0;
	transition: 0.3s;
}