很多网站的评论者的头像都是圆形的，并且当你的鼠标移上去的时候会旋转，那么这个怎么实现呢，我在网上找了很多，现在把我修改后的代码贴出来，只要将下面的代码添加到style.css中即可。我自己删改了很多的代码。
/*头像呼吸光环和鼠标悬停旋转放大开始*/
.avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
/*头像呼吸光环和鼠标悬停旋转放大结束*/
