作为一名 web 开发者, CSS 是必备技能之一, 我一直以为自己对 CSS 的掌握已经够用了, 直到读 Lea Verou 的 CSS 揭秘时, 我发现自己充其量就算个打 CS 的选手, 书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案, 是我完整读过的唯一一本关于 CSS 的书籍 (读的书少到可怜), 在这里强烈的推荐给每一位从事前端相关的开发者, 相信你一定会有所收获
最后, 笔者总结了自己的收获和在工作中经常用到的一些 CSS 小样式, 为了以后可以更爽的复制粘贴, 便写下了这份文档, 一共包含 33 个 CSS 的小样式文档还有很多不足的地方, 还请大家多多指教, 如果觉得对你有一点帮助, 欢迎大家一起来完善
What's included
边框与背景
半透明边框
多重边框
边框内圆角
背景定位
条纹背景
常见形状
圆与椭圆
parallel 四边形
切角效果
简易饼图
其他多边形
视觉效果
常见投影
不规则投影
毛玻璃效果
斑马条纹
文字特效
环形文字
用户体验
选择合适的鼠标光标
扩大可点击区域
自定义复选框
自定义单选框
输入框完美居中
通过阴影弱化背景
通过模糊弱化背景
交互式图片对比控件
结构布局
全背景等宽内容居中
绝对底部
水平垂直居中
动画过渡
弹性过度
闪烁效果
打字效果
抖动效果
无缝平滑效果
延轨迹平滑效果
文档中代码支持实时调试预览, 若有疑问或者建议请直接在文档下方留言, 如果你有更有趣更实用的技巧, 欢迎补充~
文档: You-need-to-know-css
Github:LHammer/You-need-to-know-css
小小的吐槽一下: 掘金的编辑器 / markdown 嵌入的 badge 在移动端为什么无法显示?
来源: https://juejin.im/post/5aab4f985188255582521c57