css样式怎么来做闪光字?

html-css075

css样式怎么来做闪光字?,第1张

做闪光字可以用js代码来实现,纯css代码是很难实现的。JavaScript代码如下:

<div id="abc">这里是闪光的字</div>

<script>

var i=0

function shine(id){

var obj= document.getElementById(id)

if(i==0){obj.style.color="#000"i=1}else{obj.style.color="red"i=0}

}

setInterval("shine('abc')",100)

</script>

background-position属性分为x轴和y轴,也就是横坐标和纵坐标两个值:background-positionx和background-positiony。

对于一整张大图只需要截取其中一部分,你需要知道两点:

1.需要的那一部分图片的在整个大图中的位置 2.它的大小

然后就好办了,我举个小例子:

一张300px*300px的大图,我需要的部分大小是宽20px高50px,在整个图片的位置离上边是20px;左边是80px,然后可以写样式了:

div{

background-image:url(bjimg.jpg)/*背景图片的路径*/

background-position:-80px -20px/*背景图片的位置是距左80px;距上20像素*/

width:20px/*div的宽度*/

height:50px/*div的高度*/

}

希望对你有所帮助。