CSS-前端-掘金

1天前

一次千万级流量的 618 电商 H5 活动页干货分享

前言文章较长，建议收藏～笔者个人实话实说，是第一次做活动页相关的前端开发工作，所以也算是初体验之后的总结：第一：活动类经历会短期内提升一个业务前端的技术水平如果你从来没写过活动类型的需求，第一

5660
359
78

一次千万级流量的 618 电商 H5 活动页干货分享

1天前

CSS字体属性定义字体，加粗，大小，文字样式。通用字体系列 Serif字体字体成比例，而且有上下短线。如果字体中的所有字符根据其不同大小有不同的宽度，则称为字体是成比例的。例如：小写的i和m的宽度就

528
20
3

1天前

一些有意思的阴影特效，建议收藏！

这是我参与更文挑战的第15天，活动详情查看：更文挑战前言 CSS3新增了box-shadow，用于设置盒子的阴影，今天玩了一下~

966
50
11

一些有意思的阴影特效，建议收藏！

1天前

CSS ::marker 让文字序号更有意思

本文将介绍 CSS 中一个比较有意思的新增伪元素 ::marker，合理使用，让文字序号变得更加的有意思！

2579
108
10

CSS ::marker 让文字序号更有意思

1天前

优雅的处理文本溢出截断

文本溢出截断是一个比较常见的场景，如新闻列表页、微博列表、商品列表等，溢出截断主要是为了保证界面的整齐。

741
32
4

2天前

前端冷知识：overscroll-behavior滚动控制

还是冷知识，传递一些鲜为人知的前端小知识。这篇文章讲讲一个关于滚动的属性：overscroll-behavior，项目开发时相信你也遇到过只想滚动弹窗而不是滚动页面的情况吧

515
8
3

2天前

前端开发需要知道的 10 个 CSS 技巧

个人觉得 CSS 是每个前端开发人员都必须掌握的基础，以完成相应的交互和终端设备的响应。在项目开发中，有些容易被忽略的小问题带来项目后期的胶水代码。本文总结一些项目开发中CSS的10个小技巧。

3588
70
10

前端开发需要知道的 10 个 CSS 技巧

16小时前

2021年你可能不知道的 CSS 特性（下篇）

前几天在 F(x) Team.午夜识堂和大家聊了一下 CSS 方面的话题，即 CSS 新特性。在这个话题中主要整理了有关于 CSS 方面的特性，并且尽可能的整理了一些大家现在能用或过不了多久就

250
9
评论

2021年你可能不知道的 CSS 特性（下篇）

4天前

用CSS造出詞云效果

前段时间，接到一个需求要做一个充满随机词云的区域，而且词云要互相不重叠，效果如下图: 我刚开始打算先把词云做出来，然后用js算每一个的位置，但实在太难和太麻烦，一方面要用js去随机生成每一个云的位置，

1058
11
3

5天前

CSS | 纯css画三角形的思路解析

这是我参与更文挑战的第3天，活动详情查看更文挑战关于三角形的实现。在之前的文章【CSS | 4句CSS送你一个小月牙】中，汇总了很多经常用到的css形状，本篇文章主要是分析一下三角形系列的实现思路

185
3
3

CSS | 纯css画三角形的思路解析

2天前

「HTML+CSS」--自定义加载动画【025】

这是我参与更文挑战的第3天，活动详情查看：更文挑战前言效果展示 Demo代码 HTML CSS 原理详解步骤1 使用span标签，设置css样式宽度、高度均为36px 边框：20px sol

200
3
评论

8天前

css 流光按钮

发现一个炫酷效果，实现简单炫酷，直接复制查看效果效果如下-----------------------------

7300
241
25

4天前

前端CSS练习：transition过渡小动画

background: rgba(0,0,0,0...background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.transition: transform 0..transition-delay: 0.tra...

116
2
评论

5天前

CSS 知识总结

本文是参照了Google Developer及MDN等知名前端文档及杭州饥人谷的课程等写成的笔记，历时10多天终于写完了。

130
2
评论

2天前

前端 CSS 变量简介及基本使用方法

CSS 变量（自定义属性）在某个地方存储一个值，然后在其他许多地方引用它，另一个好处是语义化的标识。

250
20
1

前端 CSS 变量简介及基本使用方法

28天前

CSS 实现多行文本“展开收起”

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

1.8w
1102
122

CSS 实现多行文本“展开收起”

3天前

揭秘CSS中的background模块

css里的background模块提供了各种方式来设置背景图。了解一些常用的属性基本就能覆盖工作的大部分场景，但为了能更灵活地使用css背景，还是很有必要全面地认识并理解其中的知识.

204
10
4

2天前

端午节用 css 做了个疑似粽子，结果哭了

端午节开脑洞瞎折腾用 css 画的疑似粽子，最终的效果好不好看不知道，关键是告诫自己，不要瞎开脑洞，哭还不是问题，主要暴露智商~

588
15
7

端午节用 css 做了个疑似粽子，结果哭了

17小时前

css揭秘 - 用户体验（二）

这是css揭秘系列文章的第九篇，本篇主要介绍使用css可以实现的用户体验。包括通过阴影来弱化背景、通过模糊来弱化背景、滚动提示以及交互式的图片对比控件。

25
点赞
评论

css揭秘 - 用户体验（二）

1天前

谈谈css中的渐变

css渐变让开发得以通过css代码来绘制简单渐变图形的能力，并且支持组合成更复杂的图形。本文介绍一下css渐变的定义、分类以及相应的语法，并在文末展示几个使用渐变的例子。

110
8
3