css
12篇文章 · 0订阅
  • 为什么你写的 `position: sticky` 不工作？99% 的前端都踩过这个坑
    前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连：
    前端 HTML CSS
    为什么你写的 `position: sticky` 不工作？99% 的前端都踩过这个坑
  • 关于前端position属性和display属性，这篇文章已足够
    对position和display，尤其是flex特别的混乱，故总结一套，希望能帮助到有需要的同学、谢谢
    前端
  • 别再用 100vh 了！移动端视口高度的终极解决方案
    作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了
    前端 CSS HTML
    别再用 100vh 了！移动端视口高度的终极解决方案
  • 📢 🔥🔥🔥前端开发，实现B站首页动态banner
    看B站这个动画banner好几个版本了，不知道是一个月更新一次新版动画，还是多少天更新一次（没有天天去看，但估算是一月更新一版UI，以后注意观察）。刚看到的时候很感兴趣，不像视频素材或者gif素材..
    前端
    📢 🔥🔥🔥前端开发，实现B站首页动态banner
  • 基于css3写出的底部导航栏效果（详细注释）
    基于css3写出来的一个底部导航栏效果，配合js形成了这种点击效果，如图。，然后通过一些css3的阴影等效果完成了如图的设计，文章内含有详细的注释
    CSS JavaScript
    基于css3写出的底部导航栏效果（详细注释）
  • 觉得自己的页面不够花哨吗，试试clip-path吧
    最近在尝试一些风格化的css，于是开始注意起了一些平常写业务时不太关注的css属性。今天给大家介绍一下clip-path这个属性。以及能用它实现什么效果。 效果 首先让我们看看效果 1. 赛博朋克风边
    CSS
    觉得自己的页面不够花哨吗，试试clip-path吧
  • 九个嘎嘎帅的H5特性！
    九个H5特性 1、详情标签，2、可编辑内容，3、标记内容，4、data-属性，5、输出标签，6、数据列表，7、范围滑块，8、Meter，9、Inputs
    HTML
    九个嘎嘎帅的H5特性！
  • 产品：“写个banner这么费劲？”
    上午产品提了个“简单”的banner开发的需求，本来以为很简单，一不小心消耗了我一天的时间，一时间感慨万千，来掘金记录一下。写这篇文章，除了技术经验之外，还想给手机前的你一点提醒：程序从来都不是完美的
    JavaScript 前端
  • 简洁设计-毛玻璃效果登陆页面
    设计的初衷： 1. 简洁清爽 2. 重点突出 整个页面使用了一个渐变的背景色，重要的内容居中显示，条款等内容右下角小字展示；整个站点以拂晓蓝色调为主...
    前端 视觉设计 CSS
    简洁设计-毛玻璃效果登陆页面
  • 如何用一行 CSS 分别实现 10 种现代布局？
    周日在家看 web.dev 的 2020 三天 live，发现不少有意思的东西，其中有一项是关于 CSS 的，主播是 Una Kravets（chrome team 成员）。虽然我已经好几个月没有深入研究 CSS 的东西了，不过以前的底子还在（有兴趣的可以看我一年前发布的关于 …
    CSS
    如何用一行 CSS 分别实现 10 种现代布局？