【牛牛源码】利用CSS给自己的网站增加一个原神启动开屏动画效果-牛牛源码库

请勿商业运营，违法使用和传播！资源仅供研究学习使用！解压密码为：www.nnymk.com

注：在使用本系统时，使用方必须在国家相关法律法规范围内并经过国家相关部门的授权许可，禁止用于一切非法行为。使用用途仅限于测试、实验、研究为目的，禁止用于一切商业运营，本团队不承担使用者在使用过程中的任何违法行为负责所有源码请自测！不保证你源码完整性有效性所有源码都是全网搜集
免责声明：本资源并未取得原始权利人的授权，不可商用，仅可用于学习分析底层代码，CSS等，禁止用于商业行为。如因擅自商用引起的相关纠纷及法律责任，由使用人全部承担。支持正版，人人有责，请于下载后24小时内删除，谢谢支持！
如果蓝奏云下载失效请更换最新链接：nnym.lanzouh.com//xxxx 【x改成h】

前言说明

这是一个用CSS代码实现原神开屏动画的教程。如果你喜欢这个效果，可以按照以下步骤进行测试和优化：

教程说明

1、首先，保存原神的图片，并确保图片清晰可见。

下载图片：https://www.lanzoub.com/i6AAN1fa92ve

2、然后将图片链接替换到CSS代码的background-image属性中。

在以上CSS代码中，通过:after伪元素将图片添加到页面上。请将代码中的图片链接替换为你保存的原神图片的链接。

接下来，你可以根据需要对动画效果进行优化。例如，你可以调整动画持续时间（animation属性中的时间值），或者修改透明度的变化方式（@keyframes中的百分比值）。

最后，将这段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;

  }

}

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

免责声明

MianzeShengming

1、本站提供的源码不拥有任何权利，其版权归原著者拥有。
2、保证站内提供的所有可下载资源(软件等等)都是按“原样”提供，本站未做过任何大规则的修改;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。
3、牛牛源码库平台服务中的任何信息或材料的删除、存储失败、错误提供或未及时提供不承担任何责任。
4、牛牛源码库平台其许可方不对通过牛牛源码库网主题服务得到的或在其上刊登广告所推介的产品或服务、通过由牛牛源码库平台服务提供的任何链接而得到的产品或服务，以及通过在牛牛源码库网平台服务中所提供的任何链接而得到的任何信息或建议做任何担保，对因通过服务下载或访问网上的任何信息或材料而导致的任何伤害不承担任何责任。
5、牛牛源码库平台服务包含的下载资源信息内的所有内容并不反映亦不代表任何牛牛源码库平台之意见。
6、牛牛源码库平台服务包含的下载资源信息内的所有内容并不反映亦不代表任何牛牛源码库平台之意见。牛牛源码库平台作为模板共享网络服务提供者，对非法转载，盗版行为的发生不具备充分的监控能力，但是当版权拥有者提出侵权指控并出示充分的版权证明材料时，牛牛源码库网平台负有移除盗版和非法转载作品以及停止继续传播的义务。
7、牛牛源码库平台对他人在网站上实施的此类侵权行为不承担法律责任，侵权的法律责任概由会员本人承担，向牛牛源码库发布作品的作者视为同意牛牛源码库就前款情况采取的相应措施。
8、牛牛源码库平台在满足前款条件下采取移除等相应措施后不为此向原发布人承担违约责任或其他法律责任，包括不承担因侵权指控不成立而给原发布人带来损害的赔偿责任。
9、本网站所有源码、模板、视频、软件和资料均为软件作者提供和站长从互联网收集整理而来，仅供学习和研究使用，请勿用于其他用途。如果版权拥有者发现自己作品被侵权，请及时向牛牛源码库提出权利通知，将身份证明、权属证明、具体链接（URL）及详细侵权情况证明发往（邮箱:1138006142@qq.com）指出，牛牛源码库平台在收到上述法律文件后，在7个工作日内移除相关涉嫌侵权的内容。

THE END