这是一个圆形边框做的效果
HTML
CSS
.circle-wrapper,
.circle-wrapper img {
display: inline-block;
50px;
height: 50px;
border-radius: 50%;-webkit-transition: .3s;
transition: .3s;
}
.circle-wrapper {
border: 1px solid #ddd;
position: relative;
overflow: hidden;
}
.circle-wrapper img {
position: absolute;
}
.circle-wrapper img:hover {-webkit-transform: scale(2);
transform: scale(2);
}
自己做的案例:
HTML
WORKS/案例