共计 350 个字符,预计需要花费 1 分钟才能阅读完成。
开源项目之人物弹窗:sakana
添加方法:在footer.php添加如下代码即可实现:
<!--右下角弹窗--> <div class="sakana-box"></div> <script src="https://cdn.jsdelivr.net/npm/sakana"></script> <script> // 启动 const sakana = Sakana.init({ el: '.sakana-box', // 启动元素 node 或 选择器 scale: .5, // 缩放倍数 canSwitchCharacter: true, // 允许换角色 inertia: 0.01, // 惯性 decay: 0.97, // 衰减 r: -20, // 启动角度 y: 10, // 启动高度 scale: 0.5, // 缩放倍数 translateY: 0, // 位移高度 }); </script> <style> html .sakana-box{ z-index: 80; position: fixed; right: 0; bottom: 0; transform-origin: 100% 100%; /* 从右下开始变换 */ } </style>
正文完