CSS
12篇文章 · 1订阅
  • 借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
    iPhone X造型上有个显著的特质，就是有个明显的刘海。然后，也出现了一些酷酷的交互。CSS3里面针对这种特定形状环绕的效果已经支持很久了，CSS3 Shapes和CSS3 Regions都是可以实现的
    CSS 前端 JavaScript
    借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
  • [译] 高性能视差滚动
    视差滚动是非常有趣的网页特效，本文将介绍一种高效的跨浏览器实现方法，并分析其实现原理。
    前端
    [译] 高性能视差滚动
  • CSS Grid 布局这样玩_CSS3 Grid Layout, Grid, Layout, CSS3 教程_w3cplus
    前段时间 @Mirza Joldic 在 Medium 上发布了一篇文章，通过几个 Gif 动态非常形象的阐述了 CSS Grid 的几个核心概念以及使用方法，今天我就借花献佛，用这几张图让初学者快速掌握 CSS Grid 的核心概念和使用技巧。
    前端 CSS
    CSS Grid 布局这样玩_CSS3 Grid Layout, Grid, Layout, CSS3 教程_w3cplus
  • CSS 变量教程 | 阮一峰
    Edge 等浏览器都开始支持 CSS 变量了
    前端 CSS
    CSS 变量教程 | 阮一峰
  • 造轮子: 原生 JS+CSS 实现 Material Design 点击效果
    最近想要在按钮上添加 material design 的点击效果，看了看 muse-ui，单纯的想要这种效果，而要引入一些不必要的内容觉得不划算，然后自己动手造了个轮子。
    CSS JavaScript Material Design
  • 兼容iphone x刘海的正确姿势
    ，我的天，等了这么久你给我看这个？码农慌得一批满地找新 iphone 的逻辑像素，然后想着怎么兼容这刘海和胡子。 其实对于 web 前端来说，刘海在绝大多数的场景下是可以不用处理的，因为 safari 或客户端（微信，手Q等）的 statusBar 已经替我们抹平了顶部刘海，我…
    CSS 安全 前端
  • 不可思议的CSS之CLIP-PATH
    clip-path直译过来就是裁剪路径，使用SVG或形状定义一个HTML元素的可见区域的方法。clip-path属性代替了现在已经弃用的剪切 clip属性，是SVG clip-path属性的延伸
    CSS 前端 SVG
    不可思议的CSS之CLIP-PATH
  • CSS 样式书写规范最佳实践
    本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，可以结合自身团队发展出一套适合自己业务的规范。
    CSS 代码规范
    CSS 样式书写规范最佳实践