更新(20191109)
This commit is contained in:
@@ -1,78 +1,11 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
padding: 20px 0 50px 0;
|
||||
background-color: #999;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* 背景 */
|
||||
|
||||
.page-background {
|
||||
z-index: -100;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../img/Unsplash_V6TWE6h8gyg.jpg);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.page-background:after {
|
||||
content: "";
|
||||
z-index: -90;
|
||||
position: inherit;
|
||||
top: inherit;
|
||||
left: inherit;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
background: inherit;
|
||||
filter: blur(4px);
|
||||
}
|
||||
|
||||
/* 滚动条 */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #CCC;
|
||||
border-radius: 0;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #03A9F4;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: #FFF;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* 选中 */
|
||||
|
||||
::selection {
|
||||
background:#03A9F4;
|
||||
color:#FFF;
|
||||
}
|
||||
::-moz-selection {
|
||||
background:#03A9F4;
|
||||
color:#FFF;
|
||||
}
|
||||
::-webkit-selection {
|
||||
background:#03A9F4;
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
/* 主要 */
|
||||
|
||||
.main {
|
||||
@@ -280,23 +213,3 @@ body {
|
||||
.to-top:hover {
|
||||
animation: ToTopAnimation 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
/* 动画 */
|
||||
|
||||
@keyframes ToTopAnimation {
|
||||
0% {
|
||||
}
|
||||
50% {
|
||||
right: 25px;
|
||||
bottom: 25px;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 20px;
|
||||
color: #FFF;
|
||||
}
|
||||
100% {
|
||||
color: #2196F3;
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user