/*滚动条效果*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-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
}
} .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;}
15 条评论
感谢局长
网站漂亮，知识有深度，感谢橘长！
这篇文章提供了宝贵的经验和见解，对读者有很大的启发和帮助。
内容的丰富性和深度让人仿佛置身于知识的海洋，受益匪浅。
文章紧扣主题，观点鲜明，展现出深刻的思考维度。
文章紧扣主题，观点鲜明，展现出深刻的思考维度。
语言简洁明快，用词精准，毫无赘余。
喜剧效果背后暗含深刻社会观察。
文章紧扣主题，观点鲜明，展现出深刻的思考维度。
文字流畅如丝，语言优美动人，读来令人心旷神怡。
课程链接在哪？
OωO好棒棒呀
我也是新建的站点，你的好漂亮呀
滴！学生卡！打卡时间：12:07:48，请上车的乘客系好安全带~