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

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 有趣的动画效果 前几天在网上看到了一个很有趣的动画效果，如下，光会跟随鼠标在卡片上进行移动，并且卡片

一个小小的hover效果让我学到了很多,可能是因为我太菜了吧,长期都是各种组件库来回引用,导致技术停滞不前,希望各位不断学习,不然像我一样想跑路都跑不掉.

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断，这

首先，把网站做成一个纯灰色主题，最简单直接的办法就是给整个网站加一个滤镜，就像我们平时自拍完给照片加喜欢的滤镜一样。 我们的网页也可以加滤镜，但不是在整个网页上面遮一个div蒙版，而是让整个网页只有灰

产品妹妹对同事阿洋说：如果你能用CSS把一张爱心图片变成`像素风`，我今天就答应跟你约会。为了帮助阿洋，我拼了。

第一个例子是西瓜视频的控制台，输出一张图片。 第二个例子是bilibili的控制台，玩转了 ASSII-Aar。 第三个例子：基于第一个例子进行改造。 无意中看到西瓜视频官网的控制台（没有在推广西瓜视频！）。 言归正传，console.log 是支持使用 background …

前言 澄清一个事实：本系列涉及到的加载均为收集所得，非本笔者所实现，本文只做 CSS 解析。不喜勿喷！！！。 喜欢的求个免费的赞 为什么会写这种文章呢？平时开发的时候，我们遇到加载，要么是 UI 框架

通过混合模式 `mix-blend-mode` 巧妙的实现文字的镂空波浪效果，简单且有趣的小技巧~~