【活动】:会员128元永久会员早开早划算!
13.首页文章点击更多按钮样式美化
14.主题logo扫光
/* logo扫光 */
.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}
15.导航栏标题字体加粗
- CSS代码:
/*导航栏字体加粗*/ul.nav {font-weight: 700;}
- 截图
16.头像呼吸光环鼠标悬停旋转放大
- CSS代码:
/*头像呼吸光环和鼠标悬停旋转放大*/.avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;
17.首页文章列表悬停上浮
CSS代码:
/*首页文章列表悬停上浮*/
@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article):hover{transform: translateY(-10px); box-shadow: 0 8px 10px rgba(255, 112, 173, 0.35);}}
18.设置网站动态标题
19.添加鼠标样式
- CSS代码:(本站的样式)
/** 鼠标样式 开始**//** 普通指针样式**/body{cursor: url(https://a-oss.zmki.cn/img/5ccab616ea9c8.cur), default;}/** 链接指针样式**/a:hover{cursor:url(https://a-oss.zmki.cn/img/5ccab63d8fc80.cur), pointer;}/** 鼠标样式 结束**/
无法截图,效果请参考本站
- 网友投稿的鼠标样式:
/*鼠标指针样式*/ body{cursor:url(https://www.jishusongshu.com/wp-content/uploads/2020/01/normal1.png), default;}a:hover{cursor:url(https://www.jishusongshu.com/wp-content/uploads/2020/01/link1.png), pointer;}
好像链接有防盗链,无法使用。
20.首页主内容上方添加跑马灯公告小工具
感谢您的来访,获取更多精彩文章请收藏本站。
© 版权声明
THE END
- 最新
- 最热
只看作者