← 返回首页
标签：#CSS
4 篇文章
CSS 渐变边框方案总结
为面板同时实现渐变背景与圆角渐变边框，梳理 border-image、伪元素 + mask、background-clip 等 5 种方案，给出最推荐的 background-clip 多层背景实现。
Web 端展开/收起面板方案总结
梳理纯 CSS（grid-template-rows、max-height、transform、interpolate-size）、JS（Web Animations API）与语义化（details）等展开收起方案，给出推荐实现与降级策略。
CSS Grid 网格布局从入门到实战
Flex 解决一维布局，Grid 解决二维布局。用一组常见场景讲清 Grid 的核心概念，轨道、fr 单位、区域命名与响应式写法。
仿Google Design的导航栏和卡片设计
纯CSS仿制Google Design的导航栏和卡片信息。 由于要设计一个网页作为期末作业，所以我简单仿了一个Google Design的导航栏和卡片信息 前后导航栏对比： !Google Design !My design ---- 导航