/*滚动条效果*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width:7px;
height:6px;
}
/*定义滚动条轨道*/
::-webkit-scrollbar-track {
background-color:white;
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
border-radius: 0em;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
background-color: #ff676c;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
cursor: pointer;
} header.bg-light.lter.wrapper-md{
text-align: center;
} .post_title_wrapper{
justify-content: center;
} .text-muted.post-item-foot-icon.text-ellipsis.list-inline {
text-align: center;
} .btn-pay {
animation: star 0.5s ease-in-out infinite alternate;
}
@keyframes star{
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
} img.img-full.img-circle {
transition: 0.5s;
}
span.thumb-lg.w-auto-folded.avatar.m-t-sm {
animation: light 4s ease-in-out infinite;
}
.thumb-lg {
width: 68px
}
.img-full:hover {
transform: scale(1.1) rotate(360deg);
}
@keyframes light {
0% {
box-shadow: 0 0 4px red
}
25% {
box-shadow: 0 0 16px #0f0
}
50% {
box-shadow: 0 0 4px #00f
}
75% {
box-shadow: 0 0 16px #0f0
}
100% {
box-shadow: 0 0 4px green
}
} .blog-post .panel:not(article){transition:all .3s}
.blog-post .panel:not(article):hover{transform:translateY(-10px)} .index-post-title a:hover {color:#ff676c;}
，这里放几张照片，具体的可以到这里看
1 条评论