[CSS] 마우스 오버 시 이미지 확대

chaewon·2022년 5월 4일
0

HTML, CSS

목록 보기
4/10
.a img{
	tansition:all 0.3s ease-in-out /* 확대 시 부드럽게 */
}
.a:hover img{
	transform:scale(1.1);             /*  default */
	-webkit-transform:scale(1.1);     /*  크롬 */
	-moz-transform:scale(1.1);       /* FireFox */
	-o-transform:scale(1.1);           /* Opera */
    /* 기본 '1'의 크기에서 얼마큼 확대 되는지 */
}
profile
의문은 '삶의 수준'을 결정하고, 질문은 '삶 자체'를 바꾼다.

0개의 댓글