盼了好久，最近 Chrome 125终于迎来了CSS 锚点定位的正式支持。这是一个和 CSS 滚动驱动动画一样，足以颠覆整个 Web 开发领域的新特性。有了这个特性，很多以前强依赖 JS 的方式，都可

在原生 APP 中，我们经常会看到那种丝滑又舒适的页面切换动画，比如这样的 Android 里一般称之为共享元素（shareElement）动画，也就是动画前后有一个（或多个）相同的元素，起到前后过渡

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

用户喜欢快速的网络应用，他们希望页面加载速度快，功能流畅。如果在滚动时有破损的动画或滞后，用户很有可能会离开你的网站。作为一名开发者，你可以做很多事情来改善用户体验。本文将重点介绍4个可以用来提高页面渲染速度的CSS技巧。 1. Content-visibility 一般来说，…

0. 前言 平时写CSS，感觉有很多多余的代码或者不好实现的方法，于是有了预处理器的解决方案，主旨是write less &do more。其实原生css中，用上css变量也不差，加上bem命名规则只要嵌套不深也能和less、sass的嵌套媲美。在一些动画或者炫酷的特效中，不用…

长期以来，我们要修改 DOM 元素的样式，我们实际上操作的是 CSS 的对象模型 CSSOM。而 Houdini 中推进的又一组 CSS 对象模型 Typed OM，该标准又给我们带来了什么好处呢？ 简单的说来，CSSOM 是一组能让 JS 操作元素 CSS 的 API。在浏览…

本文档针对移动前端开发，包括 Hybrid 里面的web页面，非 Native 应用，适用于iOS6.0+, Android4.0+，是多年积累的经验，分享给大家。 在 iOS 上，如果将输入框 disabled，此时输入框内的文字颜色将比 color 所定义的要浅，并且无法通…

在日常的开发中，我们对 scroll 这个单词肯定不陌生。 例如因为看不惯浏览器默认样式而用 JS 一顿猛如虎操作的 自定义滚动条 。 或者是嗖~一下就到顶的 回到顶部 。 又或者是想去哪点哪的 标题导航 。 但是在过去的开发中，要实现这些功能并不是那么轻松的一件事情。 例如我…

我们可以在 <img> 元素上使用常规的排版相关样式。 这些样式会被应用到替换文本上（即 alt 属性值），如果图片正常显示了，这些样式也不会影响图片的渲染。 <img> 元素是替换元素。 这就表示“该类元素的外观和尺寸是受到外部资源控制的”（Sitepoint）。因为元素是受…