旋转圆形图片:
.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;} }