css
4篇文章 · 0订阅
  • css3 animation && filter: blur()引发的动画性能问题排查
    我们在工作中经常会遇到一些动画卡顿的问题，往往是一些性能比较差的安卓手机，笔者最近就遇到了这样的情况，这里也记录下本次排查问题的过程。 因为页面并不复杂，所以看到页面动画卡顿之后，能够很快速的猜想到是哪些css属性引起的卡顿，通过注释掉代码后，就能够很快的验证自己的推论，这次排…
    CSS
  • 字体构造与文字垂直居中方案探索
    1. 引子 2. 常见的垂直居中的方法 下图是一个使用各种常见的垂直居中的方法来居中文字的示例，其中涉及到不同字体的混排，可以看出，虽然这里面用了几种常用的垂直居中的方法，但是在实际的观感上这些文字都没有恰好垂直居中，有些文字看起来比较居中，而有些文字则偏移得很厉害。 我们用鼠…
    字体 CSS
    字体构造与文字垂直居中方案探索
  • 你不知道的CSS(上)
    编写CSS样式时，其实有很多技巧可以节省HTML元素和让CSS更加的DRY，在这跟大家分享下。 文章将大量举各种示例，让同学们能更加清楚CSS的魅力所在。 文章将持续输出，增加一些新奇的或者唯美的示例。。。 半透明边框相信很多前端小伙伴都经常遇到过，UI设计师也经常性设计出这类…
    CSS
    你不知道的CSS(上)
  • 如何用一行 CSS 分别实现 10 种现代布局？
    周日在家看 web.dev 的 2020 三天 live，发现不少有意思的东西，其中有一项是关于 CSS 的，主播是 Una Kravets（chrome team 成员）。虽然我已经好几个月没有深入研究 CSS 的东西了，不过以前的底子还在（有兴趣的可以看我一年前发布的关于 …
    CSS
    如何用一行 CSS 分别实现 10 种现代布局？