CSS
6篇文章 · 0订阅
  • CSS 还能这样玩？奇思妙想渐变的艺术
    感受感受 CSS 之美，本文介绍了一种通过渐变背景配合小单位生成的美妙的背景图案方法，非常有意思，不要错过~
    前端 CSS
    CSS 还能这样玩？奇思妙想渐变的艺术
  • CSS实验：linear-gradient 实现「四角边框」和「 字体渐变」
    本文想要介绍一些linear-gradient的更多实用性比较强的用法，前面有根据CSS揭秘总结的讲线性渐变实现条纹背景的方法。 red，yellow，blue代表渐变色，表示从red - yellow - blue (相当于red 0% - yellow 50% - blue…
    CSS
  • CSS 属性篇(九)：linear-gradient()介绍与使用
    linear-gradient是通过渐变的角度来控制渐变的方向。渐变角度值是渐变线与渐变容器中心点向上垂直线之间的夹角。 顶角关键字并不意味着渐变线穿过右上角，而是渐变线首先通过元素中心点并且与顶点垂直相交，与中心点垂直线构成指定的夹角。 <color-stop>由一个<col…
    CSS
  • 借用repeating-linear-gradient实现一把刻度尺（ruler）📏
    1. 刻度尺盒子 2. 厘米刻度 3. 半厘米刻度 4. 毫米刻度 5. 数字
    CSS
  • 亿点点玩 CSS | 水平渐变 linear-gradient
    过年期间，玩了玩 css，感觉很有意思。特别是在看《CSS 揭秘》这本书时，仿佛打开了新世界的大门。以前认为，渐变不就是那样吗，颜色逐渐变一下，还能玩出花来 ? 看到了书中用渐变实现条纹，让我很意外。书中关于渐变说的并不是很细致，于是我觉定好好把水平渐变的使用整理整理，再写点其…
    CSS
    亿点点玩 CSS | 水平渐变 linear-gradient
  • CSS 实现多行文本“展开收起”
    多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
    CSS
    CSS 实现多行文本“展开收起”