首页手记指向点线内就会慢慢浮现文字的代码程序

指向点线内就会慢慢浮现文字的代码程序

标签：

Html/CSS

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>宽度和高度</title>
<style type="text/css">
li{
border-bottom:1px dotted #ccc;
width:200px;height:30px;
}
li{ text-shadow: 0 0 80px #000;
color: rgba(255,255,255,0);
transition: text-shadow 1s, color 1s;
}
li:hover{
text-shadow: 0 0 1px #000;
color:#000;
transition: text-shadow 1s, color 1s;
}
div{
width:200px;
padding:20px;
border:1px solid red;
margin:10px;
}
</style>
</head>
<body>
<ul>
<li>别让不会说话害了你</li>
<li>二十七八岁就应该有的见识</li>
<li>别让不好意思害了你</li>
<div><li>别让爱情蒙蔽了双眼</div></li>
<div><li>奋斗让眼睛明亮</div></li>
<div><li>在拼搏的年纪要努力</div></li>
</ul>
</body>
</html>