【CSS】两种图片样式

旋转圆形图片：

.pic:hover{
    transform: rotate(360deg);
    transition: all 1.5s ease ;
}
.pic{
    border-radius: 500px;
    border: solid #dddfdc;
}

鼠标放置完全显示：

.ganying:hover{
        animation: ganying 0.2s forwards ease;
        animation-duration: 0.2s;
        animation-delay: 0s;
}
.ganying{
        opacity: 0.9;
}
@keyframes ganying{
        from{}
        to{opacity: 1;}
}