马上注册,免费下载更多dz插件网资源。
您需要 登录 才可以下载或查看,没有账号?立即注册
×
如下。我自我感觉非常好看,大家可以去试试。
<style>
/*自定义网站字体开始*/
@font-face{font-family: "lovely";src: url("https://www.flweb.xyz/fileto/WebFont.woff2") format("woff2");font-display: swap;}
*{font-family: "lovely"}
/*自定义网站字体结束*/
/*自定义滚动条开始*/
::-webkit-scrollbar {
width: 0.5rem;
height: 0.5rem;
}
::-webkit-scrollbar-thumb {
border-radius: 0.125rem;
-moz-border-radius: 0.125rem;
-webkit-border-radius: 0.125rem;
background-color: #c85863;
}
::-webkit-scrollbar-track {
background-color: #000000;
}
/*自定义滚动条结束*/
input#scbar_txt {
width: 200px;
transition: 0.4s;
}
input#scbar_txt:hover{
width:400px;
}
/*自定义阅读进度条开始*/
#content_progress {
/* Positioning */
position: fixed;
left: 0;
top: 0;
z-index: 1000;
width: 100%;
height: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
color: #35a935;
}
#content_progress::-webkit-progress-bar {
background-color: transparent;
}
#content_progress::-webkit-progress-value {
background-color: #c85863;
}
#content_progress::-moz-progress-bar {
background-color: #c85863;
}
/*自定义阅读进度条结束*/
/*搜索框悬停上浮开始*/
input#scbar_txt:hover{opacity: 1;z-index: 99;border-radius: 20px;transform: translateY(-5px);box-shadow: 0 3px 20px rgba(0, 0, 0, .25);animation: index-link-active 1s cubic-bezier(0.315, 0.605, 0.375, 0.925) forwards;}
@keyframes index-link-active {
0%{transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(0);}
16%{transform: perspective(2000px) rotateX(10deg) rotateY(5deg) translateZ(32px);}
100%{transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(65px);}
}
/*搜索框上浮结束*/
/*搜索栏样式开始*/
input#scbar_txt {
width: 200px;
transition: 0.3s ease-in;
border-radius: 5px 0px 0px 5px;
}
#scbar_type {border-radius: 0 5px 5px 0;}
input#scbar_txt:hover{
width:400px;
}
/*搜索栏样式结束*/
/*背景修改开始*/
body {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background: #c8e2fb;
background-image: linear-gradient(45deg, #c8e2fb, #fbecd6);
}
/*背景修改结束*/
/*页面圆角开始*/
.cl ,.fl ,.bm{
border-radius: 20px;
}
/*页面圆角结束*/
</style>
©DZ插件网所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 网站部分内容来源于网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,得到更好的正版服务。 您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。 如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解!
|
|