效果说明：浏览页面、查看源码

1. hover 后圆形表框旋转
2. hover 后逐渐显现内容（文字+灰色底）

主要知识点：

1. 动画过渡：transition: all .8s ease-in-out;
2. 效果1-旋转：transform: rotate(180deg);
3. 效果2-不透明度：opacity: 1;

辅助知识点：

1. border、border-redius
2. box-sizing