HTML5 归档 - 手里有只毛毛虫 https://www.krjojo.com/tag/html5 号角声起 - 等你启航 Tue, 21 Oct 2025 03:29:50 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.1 https://www.krjojo.com/wp-content/uploads/2025/02/毛毛虫2.avif HTML5 归档 - 手里有只毛毛虫 https://www.krjojo.com/tag/html5 32 32 网页利用 view-transition 仿 AppStore 转场动画 https://www.krjojo.com/12288.html https://www.krjojo.com/12288.html#comments Tue, 21 Oct 2025 03:26:45 +0000 https://www.krjojo.com/?p=12288 其实上个月为了体验这功能就做了这个demo项目，碍于后面有些事忙起来遗忘了，这次补发文章出来。 介绍一下 view-transition 背景，是 Web 开发中用于实现 DOM 元素过渡效果的技术，在24年中旬引入，现在各大主流浏览器也已经支持了，除了火狐（真的会有人用火狐吗）。 项目链接：https://github.com/miniwater/AppStore 示例：miniwater.gi ...

网页利用 view-transition 仿 AppStore 转场动画最先出现在手里有只毛毛虫。

]]> https://www.krjojo.com/12288.html/feed 6 分享一个很有意思的卸载动画 Html5 单页源码 https://www.krjojo.com/10768.html https://www.krjojo.com/10768.html#respond Mon, 24 Feb 2025 15:59:49 +0000 https://www.krjojo.com/?p=10768 来自：https://codepen.io/wheatup/pen/XLmzbe 合并后单页代码

分享一个很有意思的卸载动画 Html5 单页源码最先出现在手里有只毛毛虫。

]]> https://www.krjojo.com/10768.html/feed 0 HTML 锚点偏移方法 防止被头部遮挡 https://www.krjojo.com/10037.html https://www.krjojo.com/10037.html#respond Sat, 12 Oct 2024 12:10:51 +0000 https://www.krjojo.com/?p=10037 由于顶部菜单存在 position:fixed ，而引起的的锚点位置偏移。

在css中，给锚点添加偏移量，直接就可以了

HTML 锚点偏移方法 防止被头部遮挡最先出现在手里有只毛毛虫。

]]> https://www.krjojo.com/10037.html/feed 0 Use X-Content-Type-Options Header修复 https://www.krjojo.com/8514.html https://www.krjojo.com/8514.html#respond Sat, 30 Mar 2024 02:31:31 +0000 https://www.krjojo.com/?p=8514 今天在看到了 Use X-Content-Type-Options Header 的警告 具体内容为：https://webhint.io/docs/user-guide/hints/hint-x-content-type-options/?source=devtools 大概意思就是： 响应头用来指定浏览器对未指定或错误指定Content-Type资源真正类型的猜测行为，nosniff表示不允许 ...

Use X-Content-Type-Options Header修复最先出现在手里有只毛毛虫。

]]> https://www.krjojo.com/8514.html/feed 0 Html5 鱼儿游动态背景特效 https://www.krjojo.com/1298.html https://www.krjojo.com/1298.html#comments Thu, 22 Feb 2024 15:46:19 +0000 https://www.krjojo.com/?p=1298 示例： 实现代码：

Html5 鱼儿游动态背景特效最先出现在手里有只毛毛虫。

]]> https://www.krjojo.com/1298.html/feed 4