HTML5做文字渐变的方法

html-css037

HTML5做文字渐变的方法,第1张

这个简单啊，就用CSS3的新属性 过渡 transition 就好了，代码如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>文字渐变效果</title>

<style type="text/css">

div{

width: 100px

height: 30px

color: #000

transition: color 1s

}

div:hover{

color: yellow

}

</style>

</head>

<body>

<div>移入试试看</div>

</body>

</html>

.ul li img{width:100%height:100%}

.ul li:nth-child(1){animation-dalay:0s-moz-animation-delay:0s}

.ul li:nth-child(2){animation-dalay:3s-moz-animation-delay:3s}

改成

ul li img{width:100%height:100%}

ul li:nth-child(1){animation-dalay:0s-moz-animation-delay:0s}

ul li:nth-child(2){animation-dalay:3s-moz-animation-delay:3s}