由于有字数限制,不能写出所有详细步骤,所以这里不添加代码了,你可以自己搜索下添加修改css代码,然后按着操作走就可以了,但是提醒你,有些模板CSS代码不相同,新手不易操作,以防出错
为汉川等地区用户提供了全套网页设计制作服务,及汉川网站建设行业解决方案。主营业务为网站设计、网站制作、汉川网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
把你找到的css代码当中的logo-site改成你网站包围logo的css即可(f12键审核元素,即可找到你的logo的css元素)。找到你logo的css名称然后把上面的css代码修改成你的css名称,放入css代码当中即可(防止出错,记得备份!)
以上就是logo添加css扫光效果的方法,当然你也可以运用到其他的地方。
这个首页是用flash做的,如果用DIV+css也是可以的,用JS图片切换就可以了。
.xx{ box-shadow: 0 0 15px #4E4E4E; padding:10px }
这两个0是 左右 上下。用px调整。如果是0就是居中。
15px是你要光圈。越大就范围就越广。类似于病毒扩散那种感觉.padding可无视,是为了放你class一个span或button自己就撑开了
如何用css做按钮点击后发光效果怎么做?
这个问题只能用代码的形式来解答,如下:
.btn-wrap {
text-align: center;
margin: 50px;
}
.btn{
position: relative;
display: inline-block;
line-height: 25px;
padding: 5px 15px;
margin:10px;
transition: all .3s ease-out;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid #1e639a;
color: #fff;
font-weight: bold;
cursor: pointer;
text-shadow:0 1px 2px rgba(0,0,0,.4);
box-shadow: inset 1px 0 0 #559ad5,inset -1px 0 0 #559ad5,inset 0 1px 0 #559ad5,inset 0 -1px 0 #559ad5,0 0 1px rgba(0,0,0,0.5);
background: #4086c2; /* Old browsers */
background: -*-linear-gradient(to bottom, #4086c2 0%,#2989d8 100%,#3378b1 100%);
}
.btn:hover {
background: #3378b1; /* Old browsers */
background: -*-linear-gradient(to bottom, #3378b1 0%,#2989d8 0%,#4086c2 100%);
}
.btn:active:after {
content: "";
display:block;
width: 2px;
height: 2px;
position:absolute;
border-radius:2px;
top:50%;
left: 50%;
margin: -1px 0 0 -1px;
z-index:2;
background: rgba(255,255,255,1);
box-shadow:0 0 10px 5px rgba(255,255,255,0.5),
0 0 20px 10px rgba(255,255,255,0.5),
0 0 30px 15px rgba(255,255,255,0.4),
0 0 40px 20px rgba(255,255,255,0.3),
0 0 50px 25px rgba(255,255,255,0.3),
0 0 60px 30px rgba(255,255,255,0.3),
0 0 70px 35px rgba(255,255,255,0.3);
在样式表中,定义一个
img
{filter:none;}
这样,页面中的所有图片就不会有发光效果了!
把body的stlye属性删除掉,再把你要发光的字体加入到一个DIV
用css控制div,定义id,class,任一个都可以,不建议用标签,字体的设置是font:
15pt/17pt
bold
"arial"
normal
,依次是字体大小,粗细,和字体,还有其他的,如果设置颜色,直接用color:#000000,这样的就可以了。。。。