99-CSS样式案例集锦
布局
两栏布局
1 | |
效果:
三栏布局-横
1 | |
效果:
三栏布局-竖
1 | |
效果:
多栏布局
1 | |
效果:
多列布局-图片瀑布显示
1 | |
效果:
响应式布局
1 | |
效果:
自定义网格布局
1 | |
效果:
图文混排
1 | |
效果:
文字溢出显示省略号
1 | |
效果:
二级菜单
1 | |
效果:
六图定位展示
1 | |
效果:
菜单中的三角形折叠效果
1 | |
效果:
精灵图/雪碧图
1 | |
效果:
搜索框
1 | |
效果:
移动端金刚区
1 | |
效果:
京东移动端分类
1 | |
效果:
横竖屏检测
1 | |
效果:
资料卡动效1
1 | |
效果:
资料卡动效2
1 | |
效果:
抽屉效果
1 | |
效果:
轮播图效果
1 | |
效果:
支付宝首页
1 | |
效果:
足球圈首页
1 | |
效果:
99-CSS样式案例集锦
https://janycode.github.io/2017/04/28/04_大前端/02_CSS/99-CSS样式案例集锦/