/*滚动条效果*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width:0px;
height:0px;
}
/*定义滚动条轨道*/
::-webkit-scrollbar-track {
background-color:white;
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
border-radius: 0em;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
background-color: #000;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
cursor: pointer;
} .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
}
} .item-thumb {
cursor: pointer;
transition: all .6s;
}
.item-thumb:hover {
transform: scale(1.05);
} .blog-post .panel:not(article){transition:all .3s}
.blog-post .panel:not(article):hover{transform:translateY(-10px)}
.index-post-title a:hover {color:#ff676c;}
网页设计
