CSS
40篇文章 · 0订阅
  • 利用“字体分块”提升网页性能
    什么是字体分块？ 字体分块（Font Chunking / Subsetting by Range）是一种针对网页字体（Web Font）的性能优化技术。它的核心思想是将一个庞大的完整字体文件，根据字
    前端
  • Vue3 实现最近很火的酷炫功能：卡片悬浮发光
    大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 有趣的动画效果 前几天在网上看到了一个很有趣的动画效果，如下，光会跟随鼠标在卡片上进行移动，并且卡片
    Vue.js 前端
    Vue3 实现最近很火的酷炫功能：卡片悬浮发光
  • ❌ 纠错：fixed 定位并不止相对于视口
    在很多weber的思维里，认为 fixed 定位就是相对于窗口左上角定位的。这其实是错误的认知，导致这个误解的原因我猜测是因为大家在前端入门时，很多教程为了便于理解，则直接拿最常见的例子来说fi
    前端 CSS
    ❌ 纠错：fixed 定位并不止相对于视口
  • CSS 滚动驱动动画终于正式支持了~
    在最新的Chrome 115中，令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)终于正式支持了~有了它，几乎以前任何需要JS监听滚动的交互都可以纯 CSS
    前端 CSS
    CSS 滚动驱动动画终于正式支持了~
  • 纯 CSS 检测滚动的速度和方向
    CSS可以做的事情越来越越多了。 我们经常会碰到这样的场景，很多网页会在右下角放一个固定入口，有可能是返回顶部，有可能广告，为了避免干扰，在页面滚动时，会把这些入口临时收起来，停止滚动后再出现，就像这
    前端 CSS
    纯 CSS 检测滚动的速度和方向
  • 🐻🐻🐻我只想使用will-change，又有什么错？
    一个老同事，前几天跟我说他挨了领导的骂，说他滥用will-change这个属性，知其然不知其所以然。 我有点茫然，但是当他给我介绍他的用法的时候，我想说的是，“骂你的队伍能加我一个不咯？”
    前端 CSS 性能优化
  • 终于搞懂了 CSS 中的百分比是基于什么工作的了！
    大家有没有对 CSS 中的百分比是如何工作的感兴趣？有没有想过，为什么它有时会乱七八糟，没啥头绪？反正我是有，所以今天分享这篇文章，对自己来说是加深理解，同时也希望对大家有所帮助。 什么百分比？ 作为
    CSS 前端
  • 一个"水"按钮💧
    🐳不知道大家平时有没有留意水滴落下的瞬间。 仔细去听，仔细去看，每一滴滴水珠落下泛起的涟漪都让人意向连篇。这次给大家带来水滴按钮。
    前端 CSS
    一个"水"按钮💧
  • 一个"剑气"加载🌪️
    我们在网页加载的时候总会加上一些过渡效果来引导用户，减少白屏时间，而加载的效果可以用svg也可以使用一些我们封装好的组件,今天就...
    前端 CSS
    一个"剑气"加载🌪️
  • 优美的v-for列表加载动画：vue动画钩子实践
    交错列表稍微复杂点，不过我们可以分解为两个动画。 每个复杂的动画其实都是很多简单小动画的拼接，所以下次设计师拿来充满想象力的动画设计稿，先别急着掏菜刀，仔细分析下动画的组成部分，可能也没有那么难。 想在动画上根据不同的dom设置不同的动画延迟是十分困难的，但是我们可以很方便的给…
    Vue.js
    优美的v-for列表加载动画：vue动画钩子实践