XboxYan

大家可能都知道 dom 有一个 scrollIntoview方法，它可以轻易的让目标元素滚动到可视范围之内，而无需手动计算偏移量 效果如下 这样跳转比较生硬，因此可能还知道有这样一个参数 这样就能平滑

简单回顾一下 Google 2023 开发者大会（上海）关于 Web 平台的部分。 web的优势 首先介绍了 Web 的一些优势，以超链接为基石，把所有生态都连接起来，是最开放的平台 接下来开始介绍各

在移动端开发中，经常会碰到需要横向滚动的场景，例如这样的 但很多时候是不需要展示这个滚动条的，也就是这样的效果，如下 你可能想到直接设置滚动条样式就可以了，就像这样 目前来看好像没什么问题，但在某些版

大家可能知道，不久前 twitter 换了一个新 logo，从蓝色小鸟变成了一个 “x”，如下 不聊其他的，看看如何用 CSS 渐变来绘制这样一个图形 一、 x 的绘制 整个 logo 是一个镂空的“

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

最近在项目中看到这样一个布局，如下 布局本身没什么奇怪的，就是 4 * 2 的网格，比较特殊的是第二行布局是从右往左的，整体是一个这样的顺序 而这个列表是通过一个数组动态渲染的，可能有很多同学会将这个

在 CSS 中，我们可以很轻易的实现一个渐变，比如下面是一个从黄色到蓝色的渐变 效果如下 有没有发现有什么问题？🤔 没错，在黄色和蓝色的中间，出现了灰色，看着整体颜色非常“脏”，也就是设计中常说的 “

之前在项目中做了一个图片对比的工具，演示如下 有一些有趣的小细节，一起看看如何实现的吧 一、布局 布局比较简单，两张图片上下重叠在一起就行了 这里可以只给第一个图片设置绝对定位，有几个好处 第1张图片

在最新的Chrome 115中，令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)终于正式支持了~有了它，几乎以前任何需要JS监听滚动的交互都可以纯 CSS