CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

开局一张图 上图所示，多行文本的展开收起是一个很常见的交互效果。 实现这一类布局和交互难点主要一下几点： 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换

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

2019年终岁尾，最近对布局相关的内容比较有兴趣，在此整理一下和瀑布流相关的使用场景以及多种实现方案。 瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，专业的英文名称为[Masonry Layouts]。与传统的分页显示不同，视觉表现为参差不齐的多栏布局，最早是由Pint…

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