在日常开发中，我们经常需要让元素的宽度根据内容变化而产生动画效果，例如按钮文字变长、提示框内容更新等。你可能第一反应是加个 transition: width 0.3s，看起来的确能动。但细节打脸的时

1. theme 和 extendTheme 区别 theme 功能：完全覆盖默认主题（不是“合并”或“扩展”）。 用法：如果你在 theme: { ... } 里定义内容，UnoCSS 会只用你写的

渐变色边框的究极方案，支持圆角、边框动画、背景色透明度等等～ 看了很多的渐变色边框方案，都不能完全解决我的需求，废话少说直接带来， 渐变边框的究极实现方案。

一套使用 Vue3, CSS Houdini 打造像素风组件库，复刻 NES 风格 UI，支持像素字体、动画精灵、动态渲染，欢迎点赞收藏！

一、前端动画的"至暗时刻"：每个像素都在燃烧经费 618 前夕，我的 PM 突然发来灵魂拷问："菜鸡，这个购物车弹性动画，为什么安卓和 iOS 的抖动幅度不一样？还有这个圣诞飘雪特效，为什么 iPho

在网络上关于CSS的文章中，有时候能听到“标准流”，“浮动流”，“定位流”等等词语，还有像“文档流”，“文本流”等词，这些流是什么意思？它们是CSS中的一些布局方案和特性。今天我们就来聊一下CSS中的

前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连：

平移函数(Translate functions)的作用是在二维或三维空间中，对元素进行平移操作，改变元素的位置。 目前平移函数有 translateX() 、translateY()、transla

小小scope害我好惨—Vue项目踩坑实录 前言 又是一个平平无奇的开发日，一个看似简单的需求：后台管理系统上传富文本内容，前台页面展示。简单吧？做过前端的同学可能已经开始摇头了——"我猜到了结局，但

tailwind使用不难，菜鸟只是希望这个经历可以让各位新手赶紧掌握tailwind，不是css用不起，而是tailwind更有性价比！

还有人不会Copy吗B站的Banner吗？我用原生JS+三大框架统统给你复刻一遍，让你直接能用到你的项目！

今天带大家盘点一下前端的一些冷知识。 一、浏览器地址栏的妙用 1.1 可以执行javascript代码 在地址栏中输入javascript:alert('hello world')，然后按回车键，会弹

CSS attr函数相信大家都用过了吧，通常会配合伪元素content动态生成内容，不过，之前仅仅支持字符串形式，对于数字、颜色等都无法识别。现在，`CSS attr`迎来了全面进化

让掘金再次伟大！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

🌊 前言：那些年被浮动“逼疯”的开发者，后来都学会了魔法 你是否曾见过这样的场景： 图片和文字突然“反目成仇” ，一个向左逃跑，一个向右漂移，中间留下尴尬的空白…… 父元素在风中独自凌乱~

在移动互联网时代，前端开发者常常面临一个棘手的问题：精心设计的网页在桌面端展示完美无缺，然而在移动端却状况百出。页面内容莫名截断、异常滚动现象频发，更糟糕的是，当浏览器的工具栏隐藏或显示时，整个布局会

前言：与AI的对话，从需求开始 想象一下，当你有一个创意想法时，如何将它转化为现实？在传统的开发过程中，你需要手动编写每一行代码，调试每一个细节。然而，现在有了CodeBuddy，这种体验变得截然不同

引入 “菜鸟警告！你的网页即将上演《变形计》大型真香现场” 恭喜！您已获得CSS整形医院VIP挂号券💳： 👇接下来你将掌握—— 用margin/padding给元素做丰胸瘦腰手术的财富密码。。

分享一些渐变的实际案例。最近在工作中碰到一个这样的进度条，如下 和一般进度条不同的是，上面多了很多小圆点，每个小圆点代表一个进度。 由于是完全自适应的，圆点可以自定义数量，宽度也能自动分配，就像这样