CSS
4篇文章 · 0订阅
  • CSS 实现文本"不定行数"截断
    偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是 "不定行" 的。详细规则如下： 整个容器高度是固定的，标题和内容总共 3 行 标题最多2行，超出省略 内容由剩余
    前端 CSS
    CSS 实现文本"不定行数"截断
  • CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果
    本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。
    前端 CSS SVG
    CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果
  • CSS 实现多行文本“展开收起”
    多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
    CSS
    CSS 实现多行文本“展开收起”
  • 『真香警告』这33个超级好用的CSS选择器，你可能见都没见过。
    CSS 选择器是 CSS 世界中非常重要的一环。 在 CSS 2 之后，所有的 CSS 属性都是按模块去维护的。 CSS 选择器也是如此，然而如今也已经发布了第四版 —— CSS Selectors Level 4 ，这一版最早的草案发布于2011年09月29日，最后更新是20…
    CSS HTML
    『真香警告』这33个超级好用的CSS选择器，你可能见都没见过。