稀土掘金 稀土掘金
  • 首页
    • 首页
    • AI Coding NEW
    • 沸点
    • 课程
    • 直播
    • 活动
    • AI刷题
    • APP
      插件
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
        创作灵感 查看更多
    • vip
      会员
关注
综合
后端
前端
Android
iOS
人工智能
开发工具
代码人生
阅读
排行榜
综合
后端
排行榜
前端
Android
iOS
人工智能
开发工具
代码人生
阅读
  • 全部
  • 前端
  • JavaScript
  • Vue.js
  • 面试
  • React.js
  • CSS
  • 后端
  • HarmonyOS
  • Node.js
  • 展开
  • 全部
  • 前端
  • JavaScript
  • Vue.js
  • 面试
  • React.js
  • CSS
  • 后端
  • HarmonyOS
  • Node.js
  • three.js
  • 源码阅读
  • HTML
  • TypeScript
  • 架构
  • Flutter
  • 暂无数据
    • 推荐
    • 最新
  • 用纯 CSS 实现丝滑的动态宽度动画,你真的掌握了吗?
    在日常开发中,我们经常需要让元素的宽度根据内容变化而产生动画效果,例如按钮文字变长、提示框内容更新等。你可能第一反应是加个 transition: width 0.3s,看起来的确能动。但细节打脸的时
    • ErpanOmer
    • 65
    • 3
    前端 CSS HTML
    用纯 CSS 实现丝滑的动态宽度动画,你真的掌握了吗?
  • unocss 主题extendTheme 和theme的区别?
    1. theme 和 extendTheme 区别 theme 功能:完全覆盖默认主题(不是“合并”或“扩展”)。 用法:如果你在 theme: { ... } 里定义内容,UnoCSS 会只用你写的
    • 点正
    • 11
    • 点赞
    CSS
  • 渐变色边框的究极方案,支持圆角、边框动画、背景色透明度等等~
    渐变色边框的究极方案,支持圆角、边框动画、背景色透明度等等~ 看了很多的渐变色边框方案,都不能完全解决我的需求,废话少说直接带来, 渐变边框的究极实现方案。
    • 秋秋2023
    • 82
    • 2
    前端 CSS
    渐变色边框的究极方案,支持圆角、边框动画、背景色透明度等等~
  • 🎮 从 NES 到现代 Web —— 我用 Vue 3 打造了一套像素风组件库,支持自定义 Paint Worklet
    一套使用 Vue3, CSS Houdini 打造像素风组件库,复刻 NES 风格 UI,支持像素字体、动画精灵、动态渲染,欢迎点赞收藏!
    • 猫闷台817
    • 2.4k
    • 73
    前端 CSS
    🎮 从 NES 到现代 Web —— 我用 Vue 3 打造了一套像素风组件库,支持自定义 Paint Worklet
  • 放下你手里的 GIF,这才是前端动画最终的归宿!!
    一、前端动画的"至暗时刻":每个像素都在燃烧经费 618 前夕,我的 PM 突然发来灵魂拷问:"菜鸡,这个购物车弹性动画,为什么安卓和 iOS 的抖动幅度不一样?还有这个圣诞飘雪特效,为什么 iPho
    • __不想说话__
    • 220
    • 7
    前端 JavaScript CSS
    放下你手里的 GIF,这才是前端动画最终的归宿!!
  • 聊一下CSS中的标准流,浮动流,文本流,文档流
    在网络上关于CSS的文章中,有时候能听到“标准流”,“浮动流”,“定位流”等等词语,还有像“文档流”,“文本流”等词,这些流是什么意思?它们是CSS中的一些布局方案和特性。今天我们就来聊一下CSS中的
    • 漂流瓶jz
    • 53
    • 3
    前端 JavaScript CSS
    聊一下CSS中的标准流,浮动流,文本流,文档流
  • 为什么你写的 `position: sticky` 不工作?99% 的前端都踩过这个坑
    前端世界里有很多看似“直白”的属性,比如 position: sticky,听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上,滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连:
    • ErpanOmer
    • 102
    • 2
    前端 HTML CSS
    为什么你写的 `position: sticky` 不工作?99% 的前端都踩过这个坑
  • CSS平移函数完全指南与三大应用
    平移函数(Translate functions)的作用是在二维或三维空间中,对元素进行平移操作,改变元素的位置。 目前平移函数有 translateX() 、translateY()、transla
    • 云浪
    • 64
    • 1
    前端 CSS
  • 可恶!小小scope害我好惨—Vue 项目踩坑实录
    小小scope害我好惨—Vue项目踩坑实录 前言 又是一个平平无奇的开发日,一个看似简单的需求:后台管理系统上传富文本内容,前台页面展示。简单吧?做过前端的同学可能已经开始摇头了——"我猜到了结局,但
    • bnnnnnnnn
    • 45
    • 2
    Vue.js 前端 CSS
    可恶!小小scope害我好惨—Vue 项目踩坑实录
  • 工作两年,最后从css转向tailwind了!
    tailwind使用不难,菜鸟只是希望这个经历可以让各位新手赶紧掌握tailwind,不是css用不起,而是tailwind更有性价比!
    • PBitW
    • 3.8k
    • 35
    前端 CSS Trae
    工作两年,最后从css转向tailwind了!
  • B站首页的 Banner 这么好看,我让你直接用到你的项目!
    还有人不会Copy吗B站的Banner吗?我用原生JS+三大框架统统给你复刻一遍,让你直接能用到你的项目!
    • CrimsonHu
    • 12k
    • 231
    前端 JavaScript CSS
    B站首页的 Banner 这么好看,我让你直接用到你的项目!
  • 你可能不知道的前端18个冷知识
    今天带大家盘点一下前端的一些冷知识。 一、浏览器地址栏的妙用 1.1 可以执行javascript代码 在地址栏中输入javascript:alert('hello world'),然后按回车键,会弹
    • 程序员小寒
    • 2.1k
    • 54
    前端 JavaScript CSS
    你可能不知道的前端18个冷知识
  • 原子化的未来?了解一下全面进化的CSS attr函数
    CSS attr函数相信大家都用过了吧,通常会配合伪元素content动态生成内容,不过,之前仅仅支持字符串形式,对于数字、颜色等都无法识别。现在,`CSS attr`迎来了全面进化
    • XboxYan
    • 232
    • 6
    前端 CSS
    原子化的未来?了解一下全面进化的CSS attr函数
  • 掘金的广告越来越烦人了,悄悄把它隐藏起来🤫
    让掘金再次伟大!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    • allen_1998
    • 6.4k
    • 103
    前端 掘金社区 CSS
    掘金的广告越来越烦人了,悄悄把它隐藏起来🤫
  • 🌈浮动:让元素学会“轻功”,让他们飞起来!!!(Chapter 2)🌈
    🌊 前言:那些年被浮动“逼疯”的开发者,后来都学会了魔法 你是否曾见过这样的场景: 图片和文字突然“反目成仇” ,一个向左逃跑,一个向右漂移,中间留下尴尬的空白…… 父元素在风中独自凌乱~
    • MrSkye
    • 489
    • 26
    前端 CSS
    🌈浮动:让元素学会“轻功”,让他们飞起来!!!(Chapter 2)🌈
  • 移动端布局新革命:告别100vh的困扰,解锁 CSS 新单位的力量
    在移动互联网时代,前端开发者常常面临一个棘手的问题:精心设计的网页在桌面端展示完美无缺,然而在移动端却状况百出。页面内容莫名截断、异常滚动现象频发,更糟糕的是,当浏览器的工具栏隐藏或显示时,整个布局会
    • 大知闲闲i
    • 1.1k
    • 7
    前端 CSS
  • 【CodeBuddy】三分钟开发一个实用小功能之:万花筒图案生成器
    前言:与AI的对话,从需求开始 想象一下,当你有一个创意想法时,如何将它转化为现实?在传统的开发过程中,你需要手动编写每一行代码,调试每一个细节。然而,现在有了CodeBuddy,这种体验变得截然不同
    • Homi
    • 30
    • 点赞
    CSS 前端 JavaScript
    【CodeBuddy】三分钟开发一个实用小功能之:万花筒图案生成器
  • 🥵CSS:让网页从裸奔到维密大秀的致命诱惑🥵(Chapter 1)
    引入 “菜鸟警告!你的网页即将上演《变形计》大型真香现场” 恭喜!您已获得CSS整形医院VIP挂号券💳: 👇接下来你将掌握—— 用margin/padding给元素做丰胸瘦腰手术的财富密码。。
    • MrSkye
    • 528
    • 24
    前端 CSS
    🥵CSS:让网页从裸奔到维密大秀的致命诱惑🥵(Chapter 1)
  • 万能的渐变!CSS 渐变实现自适应进度条
    分享一些渐变的实际案例。最近在工作中碰到一个这样的进度条,如下 和一般进度条不同的是,上面多了很多小圆点,每个小圆点代表一个进度。 由于是完全自适应的,圆点可以自定义数量,宽度也能自动分配,就像这样
    • XboxYan
    • 814
    • 32
    前端 CSS
    万能的渐变!CSS 渐变实现自适应进度条
  • 别忘了前端是靠什么起家的😡😡😡
    回想起多年前,前端开发者常被戏称为“切图仔”,但就是这样的角色,通过精湛的CSS技巧,能够实现各种复杂的交互和特效,展现出前所未有的网页魔法。这是那些专注于服务端开发的工程师所难以企及的领域。
    • 大骆
    • 125k
    • 876
    前端 JavaScript CSS
  • 晚上好!
    点亮在社区的每一天

    推荐话题 换一换

    #挑战每日一条沸点#
    #挑战每日一条沸点#

    17.2m

    #Trae叒更新了?#
    #Trae叒更新了?#

    286k

    #如何缓解职场焦虑#
    #如何缓解职场焦虑#

    623k

    #每日快讯#

    8.4m

    #MCP 怎么玩#

    235k

    #金石焕新程#

    931k

    #每天一个知识点#

    35.2m

    #工作中做得最正确的一件事#
    #工作中做得最正确的一件事#

    272k

    #掘金一周#

    270k

    #新人报道#

    29.3m

    查看更多
    • 用户协议
    • 营业执照
    • 隐私政策
    • 关于我们
    • 使用指南
    • 友情链接
    • 更多前端文章
    • 举报邮箱: feedback@xitu.io
    • 座机电话: 010-83434395
    • 京ICP备:18012699号-3
    • 京ICP证:京B2-20191272
    • police 京公网安备11010802026719号
    • ©2025 稀土掘金