当大多数人想到 Web 开发时，通常会想到 HTML 或 JavaScript。他们通常会忘记对网站的欣赏能力有更大影响的技术：级联样式表cascading style sheets（简称 CSS）。据维基百科的说法，CSS 既是网页中最重要的部分，也是最常被遗忘的部分，尽管它…

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

mix-blend-mode 最近又发现了一个很有意思的css-属性 ———— mix-blend-mode。 按字面意思看可以叫做混合模式。如果你是一个有ps使用经验的码农，那就不难理解这个概念。c

如果想要文本超出宽度后用省略号省略，只需要加上以下的css就行了。 3行css搞定，但是问题来了：如果我们想要当文本被省略的时候，也就是当文本超出指定的宽度后，鼠标悬浮在文本上面才展示popper，应

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

最近在项目中需要做到类似于 **Mac** 下这种，当屏幕宽度足以容下当前文件名称的时候，文件名称全部展示，不做省略。然而当用户缩放浏览器显示的尺寸时，我们需要做到省略中间的文字，选择保留后缀这种方案

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

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第3篇文章，点击查看活动详情 什么是BFC ? BFC：（Block Formatting Context） 官方解释：A block forma

本文主要介绍CSS Sprites这种网页图片应用处理方式，分别阐述雪碧图是什么，有什么用以及它的原理、优势和缺点和图片整合的原则是什么。