.photo {
position:relative;
width:200px;
height:200px;
border-radius:50%;
background:#ff8868;
overflow:hidden;
}
.yuan {
text-align:center;
color:#fff;
line-height:100px;
font-size:25px;
background:#333;
position:absolute;
border-radius:50%;
width:100px;
height:100px;
left:100px;
top:130px;
}
.yuan {
transition:all 0.2s ease-in;
}
.photo img {
transition:all 0.2s ease-in;
}
a:hover .yuan {
transform:translate(-42px,-72px) scale(2) rotate(360deg);
opacity:0.7;
font-size:14px;
}
a:hover .photo img {
transform:scale(1.3);
}
纯css鼠标移入事件