最近在项目中碰到一个比较典型的3d轮播图动效，如下所示 说难不难，说简单也不简单，这是一个无限循环的轮播效果，并且个数是固定的，也无需手动滑动，你会如何实现呢？ 原效果是通过vue的transitio

进入状态 logo 上移滚动状态 开始展开状态 绝大部分内容展开状态 全部展开状态 动画需求综合分析 核心：页面滚动触发动画 页面滚动 钉钉 logo + description 发生 位置/大小/透

最近看到了许多关于 :has() 选择器的知识点，在此总结下来。 MDN 对 :has() 选择器 的解释是这样的： 下面一起来感受下 :has() 选择器的强大之处吧。 :has() 选择器选择父元

CSS实现auto高度的过渡动画。由于通常不知道content中具体内容所占的高度，为高度的变化添加过渡动画时，会发现`transition`不起作用，这是因为`auto`并不是一个具体的高度数值。

通常情况之下，开发者都习惯了规则的矩形布局的效果，对于 Web 设计师提供的不规则布局，难免会带有一种恐惧。这篇文章将告诉你如何使用 CSS 和 SVG 来实现类似水波纹这样不规则的 UI 效果！

第二个问题，CSS如何判断方向 再次感叹一下`CSS`的灵活多变，很多看起来不可思议的事件其实只要转变思路也是可以轻松办到的，我们使用 ` ~ `兄弟选择器配合` + `选择相邻兄弟元素可以确定方向

首先需要写一个图片列表, 用listView或者recyclerView都可以.然后监听列表的滚动, 计算出图片的中心线和recyclerView的中心线之间的距离, 用这个距离乘以一个比例(这个比例自己定义, 效果合适即可)得到一个偏移量, 然后使用matrix给图片内容加上…

loading,工作中常用的动态效果，今天我们聊聊常见的纯css loading动画，确定不进来看看 -->

CSS 预处理器（如 SASS 和 LESS）仍然是绝大部分项目中必不可少的一部分，它们的广泛使用源于 CSS 嵌套的便利。然而，需要通过编译器转换成原生 CSS 代码仍然是一个痛点。