💥 🔖 好玩的 CSS - 40 个有趣的 CSS 网站 🌐 基础学习 🧚 CSS 动画 🕹️ 教学游戏 🎰 代码生成 🎨 色彩搭配

这是我参与更文挑战的第3天，活动详情查看： 更文挑战 1、设计背景 2、表结构设计 3、部分功能的实现过程及关键代码片段 3.1题库管理 3.2题目管理 3.3 考试发布

CSS3新增了box-shadow，用于设置盒子的阴影，今天玩了一下~~~~~~~~~~~~~~~~

本篇介绍了三种 ModalBottomSheet 的方式,实际开发过程中，还可以根据需要，利用 ModalBottomSheet的 builder 方法构建自定义的底部弹窗，满足业务需要。

Flexbox布局 已是目前最为流行的Web布局方式之一，它给Web开发者在完成页面或组件的UI布局带来了极大的灵活性和便利性。但也是因为它有极大的灵活性，里面隐藏了一些不为人知的细节，如果不是对Flexbox极为熟悉或者对其规范极为了解的话，其中有很多细节将会被遗漏，而这些细…

大家好，我是 Steven。 这个效果中文叫作骨架屏，英文叫 Skeleton，今期会跟大家分享在 CSS 上实现这个效果的方法。 打开 CodePen 编辑器，在 HTML 的部份加入一些结构，例如是一张卡片。 新增一个 <div> 标签，class 名为 card…

本系列将以前端的视角进行书写，分享自己的踩坑经历。教程主要面向前端或者毫无后端经验，但是又想尝试 Node.js 的读者，当然，也欢迎后端大佬斧正。 Nest 是我近半年接触的一款后端框架，之前接触的是 Koa2，但因为老项目被“资深”前端写的乱七八糟，所以我就选择了这款以 T…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…