2023年政策修订增补工作正在进行中，欢迎参与！
User:时间微元/剪贴板.css
跳转到导航
跳转到搜索
注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox/Safari：按住“Shift”的同时单击“刷新”，或按“Ctrl-F5”或“Ctrl-R”（Mac为“⌘-R”）
- Google Chrome：按“Ctrl-Shift-R”（Mac为“⌘-Shift-R”）
- Internet Explorer：按住“Ctrl”的同时单击“刷新”，或按“Ctrl-F5”
- Opera：在“工具→首选项”中清除缓存
- 如果您已登录但该页面出现未登录状态，请尝试在地址栏的地址最后添加代码
?_=1来访问最新页面。 - 添加代码后的本页地址如下：
-{R|https://moegirl.icu/User:%E6%97%B6%E9%97%B4%E5%BE%AE%E5%85%83/%E5%89%AA%E8%B4%B4%E6%9D%BF.css?_=1}-
.tank {
position: relative;
display: block;
text-decoration: none;
text-transform: uppercase;
overflow: hidden;
border-radius: 15px;
border: none;
width: 200px;
height: 100px;
}
.tank .water {
position: absolute;
top: -70px;
left: 0;
width: 100%;
height: 215px;
background: #4973ff;
box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);
transition: all .5s;
}
.tank .water:hover {
top: -115px;
}
.tank .water::after,
.tank .water::before {
content: '';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 50%;
transform: translate(100px, 150px);
background: #fff;
}
.tank .water::before {
border-radius: 45%;
background: rgba(20, 20, 20, 1);
animation: water 5s linear infinite;
}
.tank .water::after {
border-radius: 40%;
background: rgba(20, 20, 20, .5);
animation: water 10s linear infinite;
}
@keyframes water {
0% {
transform: translate(-200px, -300px) rotate(0deg);
}
100% {
transform: translate(-200px, -300px) rotate(360deg);
}
}
span:target, span:target+.mw-headline {
background: rgba(66,31,255,0.2);
border-radius: .2em;
animation: bg-fade 1.3s ease-in .7s forwards;
}
@keyframes bg-fade {
to {
background: rgba(66,31,255,0);
}
}