藤藤每日一练——Pure CSS3 Animation Menu
这个效果是没有任何设计图,也没有任何参照样版,藤藤从设计到效果一线完成。使用了CSS3的animation、transform、transition制作了一个动画导航效果,其中利用了Ligature Icon UI制作了导航中的ICON图标。当然还使用了CSS3的其他属性,比如说圆角属性制作了一个圆形,使用opacity控制菜单的动效果效果,最明显的效果是鼠标悬浮时会放大当前菜单项,怎么实现的,你知道?我想你知道的,要是不知道就继续往下看吧。
![藤藤](https://static.fequan.com/vueconf/img/default_avatar.png)