css

掘金安东尼

用 CSS 打造完美的饼图原文：Trying to Make the Perfect Pie Chart in CSS翻译：TUARAN

掘金安东尼

纯 CSS 实现弹性文字效果原文：How to Create a CSS-only Elastic Text Effect翻译：TUARAN

HTML&CSS&JS：打造丝滑的3D彩纸飘落特效这个 HTML 页面实现了一个动态、立体、色彩缤纷的彩纸（Confetti）飘落动画效果，常用于庆祝、成功提示或节日氛围营造。

HTML&CSS&JS：丝滑无卡顿的明暗主题切换这个 HTML 页面实现了一个现代化、丝滑过渡的白天/夜间主题切换功能，完全基于 CSS 自定义属性（CSS 变量）、light-dark() 函数和少量 JavaScript 实现持久化。

Tailwind CSS v4 — 当框架猜不透你的心思你在项目里写下 text-(--brand-color)，满心期待文字变成品牌色，刷新页面——字号变了。

HTML&CSS&JS：基于定位的实时天气卡片这个 HTML 页面实现了一个基于用户地理位置的实时天气信息卡片，界面美观、交互流畅。页面加载自动定位→请求天气数据→渲染卡片，支持手动刷新，全流程有加载 / 错误状态提示，动效过渡自然。赶快收藏学习吧。

程序员阿耶

5 个让 CSS 起飞的新特性，设计师看了直呼内行有大佬说： "CSS 而已，能玩出什么花？"今天我就用 5 个原生 CSS 新特性告诉你——现在的 CSS，已经不是当年的 CSS 了。它不再是那个只会改背景颜色的"样式表"，而是进化成了能处理逻辑、响应状态、甚至做动画的系统级设计工具。

HTML&CSS：纯CSS实现随机转盘抽奖机——无JS，全靠现代CSS黑科技！这个 HTML 页面实现了一个交互式转盘抽奖效果，使用了现代 CSS 的一些实验性特性（如 random() 函数、@layer、sibling-index() 等），并结合 SVG 图标和渐变背景，营造出一个视觉吸引、功能完整的“幸运大转盘”界面。

BEM、OOCSS、SMACSS、ITCSS、AMCSS、SUITCSS：CSS命名规范简介本来是希望讲一下CSS组件化发展历史上的技术，但所有内容放到一个文章中描述太长了，因此对各类技术分开写一下。这篇文章讲一下CSS命名规范。

HTML&CSS：高颜值产品卡片页面，支持主题切换这是一个产品卡片页面，无 JS 实现图片切换、主题切换、全设备响应式适配，兼顾美观与实用性，值得大家学习。

Never_Satisfied

在HTML & CSS中，nth-child、nth-of-type详解:nth-child() 是 CSS 中非常实用的一个伪类，它允许你根据元素在其父元素中的位置（第几个子元素）来精准地选择元素。下面我将从基础语法开始，逐步深入，并通过大量示例帮你掌握它的用法。

前端css如何实现水平垂直居中？一、已知宽高元素的水平垂直居中原理：⚠️ 缺点：必须知道宽高。原理：✅ 不需要知道宽高 ✅ 兼容性好 ✅ 面试常用答案

CSS 访问服务器偶然发现后台日志文件中多了些奇怪的访问你要是本地有这个文件还好，问题是没有，直接就访问到了自编的控制器中

DeepSeek生成的HTML5小游戏 -- 黑8台球黑8台球台球对战 - 玩家控制白球击打黑8目标球瞄准系统 - 通过拖拽拉远调整力度和方向，松开击球物理引擎 - 包含球体碰撞、边界反弹、摩擦力等真实物理效果

不会敲代码1

从原子CSS到TailwindCSS：现代前端样式解决方案全解析在长期的前端开发中，我们经常面临这样的困扰：直到我遇到了原子CSS（Atomic CSS）和它的集大成者——TailwindCSS，这些问题迎刃而解。本文将结合代码实例，带你从零开始，循序渐进地掌握TailwindCSS，理解它的设计哲学，并能在实际项目中熟练运用。

小九今天不码代码

CSS 九宫格拼图动画效果实现与原理解析在前端开发中，九宫格布局不仅常用于图像展示，还能用于交互式动画效果。本篇博客将详细拆解一个九宫格拼图动画，实现鼠标悬停时拼图从散开状态合并成完整图片的效果，同时深入讲解 CSS 核心属性及拓展知识，帮助你掌握更多 CSS 动画技巧。

前端布局指南布局技术全解析 + 场景搭配推荐控制元素的显示类型⚠️ 已不推荐使用，仅作了解块级格式化上下文 - 独立的渲染区域

CSS进阶导读定义：Emmet语法的前身是Zen coding,它使用缩写，来提高html/css的编写速度，Vscode内部已经集成该语法。

css设置滚动条样式不生效【antDesign UI Table滚动条样式无法自定义解决方案】

结网的兔子

前端开发（前言）——html，css，JavaScript和vue关系目录🧩 HTML、CSS、JavaScript 是什么？（三大基石）HTML - 房子的结构骨架CSS - 房子的装修装饰