Command Palette

Search for a command to run...

网页利用 view-transition 仿 AppStore 转场动画
css HTML 信息技术

网页利用 view-transition 仿 AppStore 转场动画

其实上个月为了体验这功能就做了这个demo项目，碍于后面有些事忙起来遗忘了，这次补发文章出来。 介绍一下 view-transition 背景，是 Web 开发中用于实现 DOM 元素过渡效果的技术，在24年中旬引入，现在各大主流浏览器也已经支持了，除了火狐（真的会有人用火狐吗）。 项目链接：<https://github.com/miniwater/AppStore> 示例：miniwater....

AppStore HTML HTML5 view-transition
分享一个很有意思的卸载动画 Html5 单页源码
HTML 信息技术

分享一个很有意思的卸载动画 Html5 单页源码

来自：<https://codepen.io/wheatup/pen/XLmzbe> var ifr = document.getElementById('id1298'); ifr.onload = function() { var oHeight = Math.max(ifr.contentWindow.document.documentElement.offsetHeight, ifr.co...

HTML5 单页源码 卸载 可爱
css HTML 信息技术

HTML 锚点偏移方法 防止被头部遮挡

由于顶部菜单存在 position:fixed ，而引起的的锚点位置偏移。 在css中，给锚点添加偏移量，直接就可以了 html { scroll-padding-top: 200px; scroll-behavior: smooth; } 就是这么简单的办法，我不知道为什么百度搜不出来 其他不是用正负边距进行抵消，就是用js写滚动。 网络上的反面教材： .content { margin-top...

CSS HTML HTML5 菜单 锚点
apache HTML nginx 信息技术

Use X-Content-Type-Options Header修复

今天在看到了 Use X-Content-Type-Options Header 的警告 具体内容为：<https://webhint.io/docs/user-guide/hints/hint-x-content-type-options/?source=devtools> 大概意思就是： 响应头用来指定浏览器对未指定或错误指定Content-Type资源真正类型的猜测行为，nosniff表示不...

.htaccess Apache HTML HTML5 http http响应头 js nginx xss
HTML 信息技术 模板

Html5 鱼儿游动态背景特效

示例： var ifr = document.getElementById('id1298'); ifr.onload = function() { var oHeight = Math.max(ifr.contentWindow.document.documentElement.offsetHeight, ifr.contentWindow.document.body.offsetHeight)...

H5 HTML HTML5 模板