html网页按钮动态背景代码动态进度条代码css

html网页按钮动态背景代码动态进度条代码css

网站源码mike2018-02-18 1:04:5212420A+A-

给网页的背景按钮进度条添加动态背景css,让你的网站漂亮起来,代码不多但是很实用,可以收藏一下

第五行的#6582c3可以调整背景颜色,颜色选择链接:http://tool.chinaz.com/tools/pagecolor.aspx


201711101510281988917844.png

<div class="plasx "><div class="plasx plasx2 plasx">刀贱贱博客</div></div><style type="text/css">.plasx .plasx.plasx2{background: #6582c3;}.plasx .plasx{background: #d5d6d6;height: 30px;text-align: center;line-height:30px;height:30px;}.plasx .plasx.plasx1{background: #d9534f;}.plasx .plasx.plasx{background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 40px 40px; -webkit-animation:per-animation 1.5s linear infinite; transition: width .6s ease;}@-webkit-keyframes per-animation{from{background-position:40px 0}to{background-position:0 0}}</style>


取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

点击这里复制本文地址 以上内容由壹家资源网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

壹家资源博客 © All Rights Reserved.  
Copyright Copyright 2015-2022 壹家资源网
蜀ICP备2022002889号
Powered by 基于zblog搭建 Themes by gouba8.cn
网站地图| 发展历程| 留言建议| 网站管理

×
×

强烈推荐×