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

对于图片加载，咱们可以更酷炫一点！ 比如这样！ 这样！ 这样！ 还有这样的！ 前言 现代网站中的图片使用量是很大的，在一些门户网站中，还会有一些大尺寸的图片展示，这个时候图片如果加载不顺畅，是很影响用

前言 👏不要图片？CSS实现圆角边框渐变色+背景透明，最近在工作中常常实现这些效果，速速来Get吧~ 🥇文末分享源代码。记得点赞+关注+收藏！

这是群有的一个需求，一开始我还觉得，这啥，不挺容易的嘛，后来仔细一看才发现，看似简单的东西，实际也并不简单 需求 原需求是实现这种风格的标签页 逐步实现 第一次实现 粗略一看，这种东西很容易呀，不就是

本文将使用CSS mask和clip-path来切元素的四个角！使用多种技巧可以从任何元素的角切割不同的形状。

学习之前可以先看看酷炫的动画效果，想想怎么实现。 从最近在做的需求说起，一个优惠券样式，过设计稿的时候认为没什么大不了的，满口答应了。真正开始开发的时候遇到问题，主要是镂空效果实现方式上比较费劲。要求是背景可配，并且票身可以配背景图，然后镂空是真镂空。 设想并尝试了很多种方案，…

最近学习css，发现了一个很好用的属性：clip-path，只要脑洞够大，这个属性可以实现很多炫酷的样式

在推特上面看到 T. Afif 介绍的十个 Loading 效果。 Yeah，很赞哦，挺实用的，遂记录下来。 希望对读者写代码有所启发～

在 div 中的文字如果过多, 可能会溢出... 通常我们希望, 超出的部分截断, 并且后面加上... 未完待续...