首页 > 代码库 > 汇农PC个人中心总结
汇农PC个人中心总结
1. 技巧总结
1. 使用 padding 编写灵活的 登录 | 注册, ‘|‘ 竖线, 参考: http://www.imooc.com/learn/710
font-size: 0; border-left: 1px solid; padding: 10px 4px 2px; margin-left: 8px;
2. 使用过渡完成悬浮效果: 参考 http://www.mi.com/
transition: all .2s linear; &:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); transform: translate3d(0, -2px, 0); Y 轴向上 }
3. 悬浮图片放大
&:hover { .imgs { img { transform: scale(1.1); } } } .imgs { img { transition: all .5s; } }
汇农PC个人中心总结
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。