最近在做自己的大屏项目，毕竟很多公司还是要求提交自己的作品的。 虽然做的效果一般，但是UI和UE上的体验一定要拉满，给面试官以视觉上的冲击力才是大屏的关键。 在掘金上看到这篇文章写的数字滚动效果...

效果展示 使用Sass构建智能流程图式网格布局系统 项目背景 在民宿康养微实训管理平台的学生模块中，我们需要实现一个直观的流程图式界面，用于展示实训任务的执行步骤。传统的CSS布局难以满足这种复杂的连

💭 WHAT display: contents，这是 CSS 中一个很有用的属性值。它可以让一个元素在布局中“消失”，但它的子元素仍然会保留在文档流中，就好像这个元素从未存在过一样。这意味着，原本由

在开发移动端列表页（尤其是使用 uni-app 或 Vue 开发小程序）时，我们经常遇到这样一个经典问题： “明明给列表最后一个元素设置了 margin-bottom: 60rpx，为什么滚动到底部时

核心逻辑被称为 “摩天轮效应” (Ferris Wheel Effect) 功能概述该系统模拟了一个悬浮在深空中的数据监控平台，具有以下视觉特性：2.5D 伪 3D 视角：平台呈 60 度倾斜，形成类

前言：Flex 布局的常见误区 Flex 布局作为现代前端开发中最常用的布局方式，看似简单实则暗藏玄机。很多开发者虽然能够写出标准的 flex 三件套： 但往往对 flex 子元素的流动行为理解不够深

最近学习 CSS 过程中，发现了一个 CSS网站。 网址：https://css-loaders.com/classic/ Loading 加载 旋转 进度条 文字Loading 脉冲

写在开头 学会shape()之后可以轻松完成如下各种不规则图形的效果！ 什么是shape() 语法 为什么需要shape() 我们之前已经有了很多clip-path类型为什么还需要shape()，官方

通过用最简单的样式实现最复杂的功能，这次研究的是关于文字上的奇异效果情况，包括渐变、描边、阴影、倒影、填充图片、动画效果等情况。