답변 3개
채택된 답변
+20 포인트
3년 전
animation transition css 주시면 될것같아요!
animation
@keyframes test {
0% {transform: scale(1)}
100% {transform: scale(1.2);
}
transition: all 1.25s ease;
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
3년 전
</p>
<p><div class="image-box">
<div class="image"></div>
</div> </p>
<p> </p>
<p><style></p>
<p>.image-box{
width:300px;
overflow:hidden;
}
.image {
width:300px;
height:200px;
background: url("<a href="https://picsum.photos/300/200/");" target="_blank" rel="noopener noreferrer">https://picsum.photos/300/200/");</a>
background-position:center;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.image:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2); /* IE 9 */
transform: scale(1.2);
} </p>
<p></style></p>
<p>
이게 이미지 확대하는 애니메이션인데
.image:hover { 여기에 hover을 빼면
이미지가 첨부터 확대되서 나옵니다 이런걸 찾으시나요?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
붑후
3년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
예를 들면 https://www.ilbaeumteo.net/ 이곳처럼입니다!