transition: 1s;
/*
transition: all 1s
= all은 생략가능
*/
opacity: .5;
/* opacity: 0 ~ 1 소수값으로 표현가능,
상속력이 강해 안에 있는 모든 후손들한테 영향을 끼침(투명도); */
.img img:hover {
border-radius: 50%; /*사각형 원으로 만들기*/
/* border-radius: 90px; */
width: 260px;
height: 260px;
/* 너비가 80px 커졌으므로 반만큼 다시 왼쪽과 위로 이동(제자리에서 커져 보이게) */
margin-left: -40px;
margin-top: -40px;
opacity: 1;
}- :hover 했을 때 트렌지션을 주면 서서히 나타나는 효과는 가능하나 서서히 사라지는 효과를 주지 못함
