修复内容
1.修改滚动文字大小
2.修复手机版自适应
3.增加广告位圆角
其他修复就不说了,自行体验
1.修改滚动文字大小
2.修复手机版自适应
3.增加广告位圆角
其他修复就不说了,自行体验
CSS代码如下
/*首页文字广告代码开始*/
#nr{
font-size:18px;
margin: 0;
background: -webkit-linear-gradient(left,
#ffffff,
#ff0000 6.25%,
#ff7d00 12.5%,
#ffff00 18.75%,
#00ff00 25%,
#00ffff 31.25%,
#0000ff 37.5%,
#ff00ff 43.75%,
#ffff00 50%,
#ff0000 56.25%,
#ff7d00 62.5%,
#ffff00 68.75%,
#00ff00 75%,
#00ffff 81.25%,
#0000ff 87.5%,
#ff00ff 93.75%,
#ffff00 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
animation: masked-animation 2s infinite linear;
}
@keyframes masked-animation {
0% {
background-position: 0 0;
}
100% {
background-position: -100%, 0;
}
}
.txtguanggao{
width: 100%;
overflow: hidden;
display: block;
padding: 5px;
margin-left: 2.5px;
}
.txtguanggao a{
width: 24.5%;
float: left;
border-radius: 15px;
line-height: 35.35px;
height: 35.35px;
text-align: center;
font-size: 14px;
color: #fff;
display: inline-block;
background-color: rgb(255, 153, 159);
margin: 2.5px;
transition-duration: .3s;
}
.txtguanggao a:nth-child(1) {
background-color: #dc3545;
}
.txtguanggao a:nth-child(2) {
background-color: #007bff;
}
.txtguanggao a:nth-child(3) {
background-color: #28a745;
}
.txtguanggao a:nth-child(4) {
background-color: #ffc107;
}
.txtguanggao a:nth-child(5) {
background-color: #28a745;
}
.txtguanggao a:nth-child(6) {
background-color: #ffc107;
}
.txtguanggao a:nth-child(7) {
background-color: #dc3545
}
.txtguanggao a:nth-child(8){
background-color: #007bff;
}
.txtguanggao a:hover{
background:#FF2805;
color:#FFF
}
@media screen and (max-width: 1000px) {
.txtguanggao a{
width: 47.96%;
float: left;
border-radius: 15px;
line-height: 35.35px;
height: 35.35px;
text-align: center;
font-size: 14px;
color: #fff;
display: inline-block;
background-color: rgb(255, 153, 159);
margin: 2.5px;transition-duration: .3s;
}
}
/*首页文字广告代码结束*/
HTML代码如下
代码你
这个网站就是这个源码搭建的嘛?