排行榜 统计
  • 文章总数:19 篇
  • 评论总数:5 条
  • 分类总数:6 个
  • 最后更新:1月12日

给你的网站添加一个原神启动开屏动画

本文阅读 1 分钟
首页 网络教程 正文

🚗教程开始

先保存上方原神图,也可以自行发挥,但是图片需要清晰可见然后去自定义css里填入:

/*原神启动*/
body:after {
    content: " ";
    position: fixed;
    inset: 0;
    background-color: white;
    z-index: 999;
    background-image: url(图片链接);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
    animation: fadeOut 3s;
    animation-fill-mode: forwards;
    -webkit-transition: fadeOut 3s;
    transition: fadeOut 3s;
    pointer-events: none;
}
@keyframes fadeOut {
  50% {
    opacity: 1;
  }
 
  100% {
    opacity: 0;
  }
}

该教程原作者为泽泽社长


本文来自投稿,不代表本站立场,如若转载,请注明出处:
-- 展开阅读全文 --
【前端优化】图片渐进式加载的实现方法
« 上一篇 01-07
ccc熊熊 – 纯欲风
下一篇 » 01-08

发表评论

发表评论

作者信息

动态快讯

    请配置好页面缩略名选项

热门文章

最多点赞

标签TAG

热评文章

App Icon
| App内打开