RiPro 主题美化教程 (第二期)

第二期:2019-12-10更新(头像下拉源码两款)
效果展示(一)

注:主题原来获取的时间是VIP到期时间,该美化修改为用户注册时间
效果展示(二)

附赠:(Logo流光效果、头像旋转、多彩滚动条)

/*LOGO 流光*/
.logo-wrapper {
    position: relative;
    font-size:2em;
    font-weight:700;
    line-height:39px;
    overflow:hidden;
    margin:0;
}
.logo-wrapper::before{
    content:"";
    position: absolute;
    width: 150px;
    height: 10px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}
@-webkit-keyframes searchLights {
    0% { left: -90px; top: 0; }
    to { left: 90px; top: 0; }
}
 
 
/*头像旋转*/
.bg-cover {
    border: #ececec 1px solid;
}
.avatar{
-webkit-transition:0.4s;
-webkit-transition:-webkit-transform 0.4s ease-out;
transition:transform 0.4s ease-out;
-moz-transition:-moz-transform 0.4s ease-out;
}
.avatar:hover{
transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-moz-transform:rotateZ(360deg);
}
 
 
/**====滚动条样式====*/
::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background-color: #12b7f5;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #f6f6f6;
}
/**====滚动条样式====*/
原创作者:52pojie@死神的泪谁懂
第一期:RiPro美化教程+源码(每日一更)http://www.huijiejie.cn/71537.html
第二期:RiPro 主题美化教程 (第二期)http://www.huijiejie.cn/71544.html
第三期:RiPro 主题美化教程+源码 (第三期)http://www.huijiejie.cn/71548.html
第四期:RiPro 主题美化教程+源码 (第四期)http://www.huijiejie.cn/71553.html
第五期:RiPro 主题美化教程+源码 (第四期)http://www.huijiejie.cn/71559.html
此内容 评论 本文后刷新可见!开通免审核权限

评论71

请先

  1. 感谢
    dapeng2020-02-29
  2. 学习下!
    气味儿2020-03-04
  3. 666666.7.厉害
    岚少2020-03-08
  4. 666666.7.厉害
    xiaomengxue2020-03-09
  5. 1231231231232133厉害
    赵宇杰2020-03-13
  6. 不错嘛
    靓仔登场2020-03-14
  7. 不错嘛
    小挖鱼2020-03-30
  8. asd
    haga2020-06-03
  9. 谢谢
    mm2020-06-26
  10. 观看
    zdqc2020-07-13
  11. 我来学习了
    23071424842020-10-13
  12. gx
    DDXDDX2020-11-08
  13. 66666666
    5221778572020-12-20
  14. 111
    wb76132021-02-02
  15. 8998舅
    charon2021-02-13
  16. :razz:
    醉梦少年2021-03-13
  17. 学习下
    剑仙李逍遥2021-03-23
  18. 谢谢大佬
    牛大王设计2021-04-04
  19. 谢谢
    ddwww2021-04-05
1 2
没有账号? 忘记密码?
'); })();