方法/步骤
1
使用伪元素:hover为链接添加动画，当鼠标指针滑过链接切换为天蓝色，这一状态的切换是瞬间发生。
2
利用transition属性设置过渡动画，鼠标指针滑过链接时慢慢从黑色过渡到天蓝色，动画时间1秒。
3
若要添加其他动画，用英文逗号分隔，继续添加即可。例如：transition: color 1s, font-size 2s;，这行代码指定颜色过渡时间1秒，字体大小过渡时间2秒。
4
第三步的操作可以用简写写法，all属性：为超链接元素中任何属性发生变化，都以动画形式呈现，如图操作。注意：all会让动画时间执行统一，不能分别设置时间。
5
将a标记修改为块级元素，设置链接圆角按钮等样式，然后为其设置动画效果，如图操作。
注意事项
1
按住Ctrl键+鼠标滚动滑轮可以放大网页更清楚查看gif动态图。
2
因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。