最近在需求里遇到了一个手指引导交互的动画需求。这篇文章就来讲讲如何CSS实现这个动画，如下图所示： 简单分析了一下效果，是一个手指移动到某处位置，然后会触发呼吸灯闪烁的效果，所有实现整个动画可以分两步

👀之前在某论坛上看过一段话，大概的意思是说前端学到越深越会觉得深不可测，特别是架构和css。🤷‍♂️看完之后云里雾里，因为当时觉得css是再简单不过的东西了，后来...

前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬

nth-child(4n+1) 选择第一列， nth-last-child(-n+4) 选择最后4个，符合条件的就是最后一行第一个， 然后 ～ 选择后边的item

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！

前言 事情的起因是这样的，由于 小 A 需要负责开发一个 H5 移动端的项目，需要分别在 微信环境 和 企微环境 中去使用，于是 小 A 使用 Vite + Vue3 来进行开发，然后测试提出如下问题

网站开发中，404页面是不可避免的一部分。当用户访问一个不存在的页面时，服务器会返回一个404错误页面。 然而，这个页面并不一定要让用户感到无聊或者失望。相反，一个有趣、创意的404页面可以让用户留下

CSS filter在日常开发中是很常见的，这里我们将使用它实现一些动画效果，让网站交互更加酷炫，同时也加深对CSS filter的理解。

如果你曾经在浏览网页时看到三条线堆叠在一起，那么你就遇到了汉堡菜单。它是移动和响应式网页设计中使用的一种流行设计元素，用于创建干净、简约的界面。 单击时，这个小菜单会从屏幕的任一侧滑出，显示导航项或选