css-tricks

记录和分享一些 CSS 的技巧和灵感

以分类的形式，展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法等等

以chrome兼容为主

布局(layout)

• 不定宽高的垂直水平居中
• 圣杯布局
• 水平垂直居中
• 粘性表头
• 粘性页脚
• 粘性div
• column-瀑布流布局
• flex-圣杯布局
• flex-网格布局

伪类/伪元素(pseudo)

• 面包屑导航css
• 属性选择器实现角标
• 伪元素画心
• 伪元素类title框展示
• 自定义列表符号

图片(img)

• 图片放大镜
• 图片视差
• 悬停图片特效

文本(text)

• 文本溢出
• 文本溢出截断省略

动画(animation)

• 8种hover效果
• 单标签-天气特效
• 花瓣加载动画
• i-字母动画
• loading

读书笔记(notes)

• chrome-ua-css
• css揭秘

阴影(shadow)

• box-shadow巧用

综合(composite)

• 菜单下拉
• 三角面包屑

其他(others)

• 不同方式实现侧边条
• 纯css-tab切换
• 纯CSS滚动进度条效果
• 可移动堆叠卡行
• css-画图
• z-index-测试