如何用DIV+CSS设置网页里的字体会发光?

html-css09

如何用DIV+CSS设置网页里的字体会发光?,第1张

用css控制div,定义id,class,任一个都可以,不建议用标签,字体的设置是font:

15pt/17pt

bold

"arial"

normal

,依次是字体大小,粗细,和字体,还有其他的,如果设置颜色,直接用color:#000000,这样的就可以了。。。。

<style>

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {

.masked1{

background-image: -webkit-linear-gradient(left, #0ee5ff, #f4ab20 50%, #0ee5ff 50%, #f4ab20 100%, #0ee5ff)

-webkit-text-fill-color: transparent

-webkit-background-clip: text

-webkit-background-size: 200% 100%

-webkit-animation: masked-animation 5s infinite linear

}

}

@-webkit-keyframes masked-animation {

0% { background-position: 0 0}

100% { background-position: -100% 0}

}

</style>

<div class="masked1" id="sx8">2.684.156</div>

text-shadow的属性:

text-shadow: h-shadow v-shadow blur color

text-shadow: 水平发光 垂直发光 模糊(发光)距离 发光颜色

举例:

p

{

text-shadow: 2px 3px 5px #FF0000

}

以上这个例子意思是:水平向右偏移2px,垂直向下偏移3px,模糊(发光)距离为5px,颜色为红色;

希望我的回答能够帮到您~