「自学哈网」RiProV2美化-樱花特效
也想出现在这里?
联系我们吧
功能介绍
推荐喜欢二次元/做动漫/漫画相关站点的站长集成该功能,启用后会有全屏樱花飘落,非常的唯美好看!
配置教程
首先利用宝塔或则FTP打开/inc/options下的admin-options.php文件把下面代码放在20行左右
array( 'id' => 'is_cherry', 'type' => 'switcher', 'title' => '樱花特效', 'label' => '启用后全站会飘落樱花', 'default' => false, ),
最后在主题根目录下打开functions.php将以下代码放在最后即可
//+---------------------------------------------------------------------- //| 樱花特效 //+---------------------------------------------------------------------- if (_cao('is_cherry')) { add_action('wp_footer', function () { echo <<<EOT <script type="text/javascript" src="https://van.ygit.net/wp-content/themes/van/assets/js/beautify/snowfall.js"></script> <div class="meiha"></div> <style> .meiha { position: fixed; top: 0; right: 0; z-index: 999; width: 350px; height: 231px; pointer-events: none; } .snowfall-flakes { pointer-events: none; animation: sakura 1s linear 0s infinite; } .snowfall-flakes { animation: sakura 1s linear 0s infinite; } .night .snowfall-flakes { background: transparent !important; } @keyframes sakura { 0% { transform: rotate3d(0, 0, 0, 0deg); } 25% { transform: rotate3d(1, 1, 0, 60deg); } 50% { transform: rotate3d(1, 1, 0, 0deg); } 75% { transform: rotate3d(1, 0, 0, 60deg); } 100% { transform: rotate3d(1, 0, 0, 0deg); } } </style> EOT; }, 100); }
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」RiProV2美化-樱花特效
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」RiProV2美化-樱花特效
也想出现在这里?
联系我们吧