2023年政策修订增补工作正在进行中,欢迎参与!
User:甜的白萝卜/Sandbox 2/styles.css
< User:甜的白萝卜 | Sandbox 2
注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- 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:%E7%94%9C%E7%9A%84%E7%99%BD%E8%90%9D%E5%8D%9C/Sandbox_2/styles.css?_=1}-
ul.lbcircle,
ul.lbhua {
margin: 0;
padding: 0;
list-style: none !important;
}
.lboutbox {
position: relative;
width: 500px;
height: 300px;
overflow: hidden;
}
.lbinbox {
position: absolute;
top: 0;
left: 0;
height: 300px;
display: flex;
transition: left ease-in-out .5s;
}
.lbinbox > div {
width: 500px;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
}
.lbbox1 {
background-color: #66ccff;
}
.lbcircle {
position: absolute;
width: 100%;
bottom: 0;
display: flex;
justify-content: center;
}
.lbcircleChild {
width: 20px;
height: 20px;
border-radius: 20px;
background-color: #fff;
margin: 10px 10px;
}
.lbcircle > .lbhover {
background-color: #26b94b !important;
}
.lbhua {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.lbhua > li {
margin: 0 3px;
color: #fff;
font-weight: 900;
font-size: 30px;
cursor: pointer;
border-radius: 1000px;
user-select: none;
background-color: rgba(0, 0, 0, 0);
transition: background-color ease-in-out .2s;
}
.lboutbox:hover > .lbhua > li {
background-color: rgba(0, 0, 0, .3);
}