LLWiki正在建设中,欢迎
加入我们
!
查看“Widget:Sandbox”的源代码
←
Widget:Sandbox
跳转到导航
跳转到搜索
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您没有权限编辑
Widget
命名空间内的页面。
您可以查看和复制此页面的源代码。
<noinclude>{{info|text=这里是Widget沙盒,管理员用户可以使用以下预先准备的框架进行编辑测试。}}</noinclude><includeonly><style> #sif-canvas, #sif-origin, .sif-nine, sif-note { box-sizing: border-box; } #sif-canvas, .sif-nine, .sif-note { border:1px solid; } #sif-canvas { width:400px; height:200px; } #sif-origin, .sif-nine, .sif-note { border-radius: 50%; } #sif-origin { position: relative; width: 50px; height: 50px; margin: auto; border: 2px solid; } .sif-nine, .sif-note { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } #sif-canvas:hover .sif-note.pos1 { animation: sif1 3s linear forwards; } #sif-canvas:hover .sif-note.pos2 { animation: sif2 3s linear forwards; } #sif-canvas:hover .sif-note.pos3 { animation: sif3 3s linear forwards; } #sif-canvas:hover .sif-note.pos4 { animation: sif4 3s linear forwards; } #sif-canvas:hover .sif-note.pos5 { animation: sif5 3s linear forwards; } #sif-canvas:hover .sif-note.pos6 { animation: sif6 3s linear forwards; } #sif-canvas:hover .sif-note.pos7 { animation: sif7 3s linear forwards; } #sif-canvas:hover .sif-note.pos8 { animation: sif8 3s linear forwards; } #sif-canvas:hover .sif-note.pos9 { animation: sif9 3s linear forwards; } @keyframes sif1 { 0% { transform: none; } 99% { transform: translate(-150px, 0); } 100% { transform: translate(-150px, 0); opacity: 0; } } @keyframes sif2 { 0% { transform: none; } 99% { transform: translate(-138.582px, 57.403px); } 100% { transform: translate(-138.582px, 57.403px); opacity: 0; } } @keyframes sif3 { 0% { transform: none; } 99% { transform: translate(-106.066px, 106.066px); } 100% { transform: translate(-106.066px, 106.066px); opacity: 0; } } @keyframes sif4 { 0% { transform: none; } 99% { transform: translate(-57.403px, 138.582px); } 100% { transform: translate(-57.403px, 138.582px); opacity: 0; } } @keyframes sif5 { 0% { transform: none; } 99% { transform: translate(0, 150px); } 100% { transform: translate(0, 150px); opacity: 0; } } @keyframes sif6 { 0% { transform: none; } 99% { transform: translate(57.403px, 138.582px); } 100% { transform: translate(57.403px, 138.582px); opacity: 0; } } @keyframes sif7 { 0% { transform: none; } 99% { transform: translate(106.066px, 106.066px); } 100% { transform: translate(106.066px, 106.066px); opacity: 0; } } @keyframes sif8 { 0% { transform: none; } 99% { transform: translate(138.582px, 57.403px); } 100% { transform: translate(138.582px, 57.403px); opacity: 0; } } @keyframes sif9 { 0% { transform: none; } 99% { transform: translate(150px, 0); } 100% { transform: translate(150px, 0); opacity: 0; } } </style> <script> window.addEventListener('jquery', () => { const $circle = $(`<${'div'}>`, {class: 'sif-note pos5'}); for (let i = 0; i < 1000; i++) { $circle.clone().appendTo('#sif-origin').css('animation-delay', `${i}s`); } }); </script></includeonly>
本页使用的模板:
Template:Color
(
查看源代码
)(受保护)
Template:Info
(
查看源代码
)
Template:Membermapping
(
查看源代码
)(受保护)
Template:Membermapping/core
(
查看源代码
)
返回
Widget:Sandbox
。
导航菜单
个人工具
创建账号
登录
命名空间
Widget
讨论
大陆简体
不转换
简体
繁體
大陆简体
香港繁體
澳門繁體
大马简体
新加坡简体
臺灣正體
查看
阅读
查看源代码
查看历史
更多
搜索
导航
首页
随机页面
最近更改
沙盒
互助客栈
方针与指引
帮助
工具
链入页面
相关更改
特殊页面
页面信息