前端开发哪些坑小程序学习

3D导航案例教程

2017-07-23  本文已影响8人  WERH5知识分享

导航在任何一个网站都需要,现在基本都需要加特效 ,平时的就不说了,今天这里说的是一个3D导航m,CSS3没有学过 不要担心多写几次,各种炫酷的效果都可以做出来。

基础的布局还是很简单的,ul li 两个span 里面放文字。

样式部分,先加边距 调整文字家背景等等。

当鼠标移入地时候,执行transition 动画,旋转形成3D 效果。

最终效果就完成了,这方面多使用一些很容易熟练掌握了。

上一篇下一篇

猜你喜欢

热点阅读