网赚妈妈

 找回密码
 立即注册
搜索
查看: 827|回复: 15

[网赚社区] CSS:立体导航栏

[复制链接]
  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

    发表于 2018-10-13 18:45:42 | 显示全部楼层 |阅读模式

    今天做的也是导航栏的案例,和昨天的比较类似,看一下效果:

    Gl7ufbhlmfg44fls.jpg

    静态图

    XbbpEeXbS4EH4ejJ.jpg

    动态图有些不清楚,是gif制作问题

    直接贴代码:

    O4Qz4qQ0l4Nlqj3J.jpg

    html代码

    rHHwAuPJbQgaLbww.jpg

    css代码

    长截图工具用的还不是很熟练,截取的时候可能偶尔出现遗漏,我以后尽量都会检查一下,如果发现遗漏会在评论区补充,请谅解。

    上面就是全部代码了,如需要源码私信回复“立体导航栏”。如有疑问或建议,欢迎私信或评论区讨论交流,谢谢!

    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 18:47:03 | 显示全部楼层
    我最近刚开始学习,看到ibm中国官网的导航栏非常好看,但写不出这种效果,贴主能这一个么
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 18:51:08 | 显示全部楼层
    看这字体像sublime text写的吧
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 18:55:31 | 显示全部楼层
    有空试试
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 18:59:33 | 显示全部楼层
    不错
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 19:03:54 | 显示全部楼层
    收藏也不会看之系列
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 19:08:09 | 显示全部楼层
    厉害,学习,学习!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 19:12:45 | 显示全部楼层
    感谢(ω`)感谢,可以去学习一下,我试试自己写
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 19:16:37 | 显示全部楼层
    关注了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 19:20:52 | 显示全部楼层
    正在学习
    回复 支持 反对

    使用道具 举报

    xml|2.xml|QQ3014497968|文章发布|签到|小黑屋|网赚论坛-致富项目网络赚钱平台 |网站地图

    GMT+8, 2019-10-18 04:22 , Processed in 0.169290 second(s), 15 queries , File On.

    Powered by Discuz! X3.3

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表