-
纯 CSS 实现优惠券效果
（本文不是广告，因为没给钱。）我厂 code.fun 上线了付费购买与优惠券功能，欢迎各位新老顾客莅临。 上面 […]
-
代码分享：翻转小动画
朋友对我图省事用的 animate.css flipInX 效果不满意，软磨硬泡非要我改成 wordle 原版 […]
-
正确使用 height: 100% 和 flex: 1
HTML+CSS 实现页面布局的时候，盒模型是很重要的概念。早期没有明确布局概念的时候，HTML 元素主要分两 […]
-
重发老视频：使用 CSS 制作工序流程图
整理之前录的视频，发现一个漏掉没有上传的： 这个视频里，我演示了如何使用纯 HTML + CSS 制作工序流程 […]
-
CSS 网页保持全屏并自动伸长
其实是个小需求，以前也搞过很多次，没想到前几天被坑了一下，记一笔。 以前，如果想要页面在内容任意多的时候都能占 […]
-
诡异的 `height: intrinsic`
我厂最新也是最重要的产品 OpenResty XRay 即将开始邀请测试，所以官网上自然要添加对应的网页。目前 […]
-
使用 `position: sticky` 的要点
position 属性非常重要，它有五个可选值。“这五个选项是哪些？它们的作用如何？”是我非常喜欢的面试题。以 […]
-
使用 <wbr> 解决长 URL 的换行问题
问题 我们知道，世界上文字主要有两种：一种是以中文为代表的象形文字；另一种是以英法俄等为代表的拼音语系。前者的 […]
-
Stylus 实现 `content: “5”`
一般来说 Stylus 对属性是直接替换的，所以正常来说下面的 stylus 会编译成： 这样是非法的，10 […]
-
一个超级诡异的 iOS Safari `position: fixed` 失效问题
iOS Safari 下，`input readonly` 仍然可以获得输入焦点，此时页面交互大部分正常，但 `position:fixed` 会受影响。