柴桑文远

Safari不愧是新时代的 IE，各种 bug 层出不穷。比如有这样一个多行省略打点的布局 这样在文本超过三行的时候就会出现省略号 没啥问题，和正常浏览器一样。但是这样有个问题，每行文字右端空隙太大，

提到锥形渐变conic-gradient（也有的称“角向渐变”），很多人都被这个名称给迷惑了，以为就是用来画圆锥的，比如 这样可以得到锥形的放射性图案 当然，再进一步，可以绘制饼图 这个也比较容易想到

之前写过这样一篇文章：CSS 实现多行文本“展开收起”，介绍了一些纯 CSS 实现多行文本展开收起的小技巧，特别是右下角的“展开收起”按钮，用到了浮动布局，非常巧妙，有兴趣的可以回顾一下。 原本以为已

今天来用 CSS 实现一个带圆角的环形 loading 动画，效果是这样的 先不考虑动画，其实就是这样一个图形 那么，如何来绘制呢？下面花两分钟一起看看吧 一、CSS实现思路 首先，看到这环形逐渐消失

介绍一个关于CSS :nth-child 选择器的新特性。 不知道大家有没有碰到过这样的问题或者需求，从一个特殊的、不可更改的HTML结构中选择出你想要的元素，比如 请问，如何选择第2个.p2标签，如

CSS现在可不仅仅只是改一个颜色这么简单，还可以做很多交互，比如做一个功能齐全的计时器？ 样式上并不复杂，主要是几个交互的地方 数字时钟的变化 开始、暂停操作 重置操作 如何仅使用 CSS 来实现这样

介绍一个在Chrome 112上刚刚正式推出的 CSS 动画合成属性：animation-composition 日后非常有用的一个特性，快来了解一下吧 一、从 CSS 抛物线运动说起 众所周知，抛物

今天学习一下利用 CSS 渐变来绘制一个 Chrome 图标，如下 如何仅使用渐变而不借助其他标签呢？一起看看如何实现的吧 一、图形拆解 乍一看好像没法直接通过渐变写出来，所以需要对图形进行简单的拆分

今天来分享一个比较有意思的图片 hover 效果，如下 你也可以在这里抢先体验 jcode 仔细观察，这个效果主要有两个要点 图片被切割成多个矩形 每个矩形会旋转 90 度 那么，这个是如何实现的呢？