css
24篇文章 · 0订阅
  • 🏆🚀🎉前端开发，实现头像从圆圈⭕️伸出来的效果🕳
    👀之前在某论坛上看过一段话，大概的意思是说前端学到越深越会觉得深不可测，特别是架构和css。🤷‍♂️看完之后云里雾里，因为当时觉得css是再简单不过的东西了，后来...
    前端 CSS
    🏆🚀🎉前端开发，实现头像从圆圈⭕️伸出来的效果🕳
  • 💫分享一个CSS技巧：用径向渐变实现弯曲框缺口效果
    瞧一瞧，看一看，本文介绍了如何使用CSS径向渐变技术实现炫酷的弯曲框切换效果。🎉🎉🎉🎉🎉🎉
    前端 CSS
    💫分享一个CSS技巧：用径向渐变实现弯曲框缺口效果
  • 为什么你写的 `position: sticky` 不工作？99% 的前端都踩过这个坑
    前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连：
    前端 HTML CSS
    为什么你写的 `position: sticky` 不工作？99% 的前端都踩过这个坑
  • Tailwind CSS都更新到4.0了，你还在抵触吗？
    TailwindCSS 已经成为前端开发的趋势之一，随着 4.0 版本 的发布，它的性能更强大、使用更方便。如果你还在抵触，不妨试试看，它可能会彻底改变你的 CSS 编写方式！
    前端 CSS PostCSS
  • 优雅的使用 Tailwind
    优雅的使用 Tailwind 目录 怎么解决滥用的[]（&主题切换）？ 怎么优化 Tailwind 杂乱的排序方式？ 不用 class 怎么给统一给标签设置类名？ 怎么复用重复的样式？ Tailwin
    前端
    优雅的使用 Tailwind
  • CSS构建亚克力和磨砂玻璃效果
    使用 CSS 实现亚克力效果（Acrylic Material），Mac OS的磨砂玻璃效果（Frosted Glass）和 玻璃变形（Glassmorphism)等 UI 效果！
    前端 CSS WeUI
    CSS构建亚克力和磨砂玻璃效果
  • Vue3 实现最近很火的酷炫功能：卡片悬浮发光
    大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 有趣的动画效果 前几天在网上看到了一个很有趣的动画效果，如下，光会跟随鼠标在卡片上进行移动，并且卡片
    Vue.js 前端
    Vue3 实现最近很火的酷炫功能：卡片悬浮发光
  • CSS 锚点定位终于来了！
    盼了好久，最近 Chrome 125终于迎来了CSS 锚点定位的正式支持。这是一个和 CSS 滚动驱动动画一样，足以颠覆整个 Web 开发领域的新特性。有了这个特性，很多以前强依赖 JS 的方式，都可
    前端 CSS
    CSS 锚点定位终于来了！
  • web 前端之 base.css
    base.css 的代码解释。 统一各个浏览器差异、统一团队开发起始标准、弥补浏览器的 “缺点”、提供频繁使用的原子类名。
    CSS 前端
    web 前端之 base.css
  • 【移动端适配】用vw、vh＋媒体查询打造最完美的移动端适配方案
    从古老的的百分比布局+px+媒体查询到rem布局，一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐，要么一篇文章到处抄袭)，反正我看完了总有一种无从下手的无奈。所幸，经同事推荐找到一款完美的插件。欣喜之余，以作记录。同时希望能给需要的朋友提供帮助…
    前端