用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

雨滴下落效果

2015-01-05 作者: xiaohui举报

[javascript]代码库

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>雨滴下落效果</title>
<style type="text/css">
body {
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
	margin: 0 50px;
	overflow: hidden;
}
ul {
	list-style-type: none;
	margin: 0 0 0 -420px;
	padding: 0;
	width: 840px;
	position: absolute;
	left: 50%;
}
li {
	float: left;
	margin: 0 0 10px 10px;
	padding: 0;
}
a {
	display: block;
	text-decoration:none;
	line-height: 2500px;
	height: 200px;
	width: 200px;
	border-radius: 0 100px 100px 100px;
	text-align:center;
	background-color:#ccc;
	font-size: 72px;
	color: transparent;
	text-shadow: 0px 0px 100px rgba(0,0,0,0);
	transition: all .6s ease-in;
}
a:hover {
	background-color:#eee;
	line-height: 200px;
	text-shadow: 0px 0px 0px rgba(0,0,0,1);
	transition: all 0 ease-out;
}
</style>
<script type="text/javascript" src="prefixfree.min.js"></script>

</head>

<body>


<div style="text-align:center;clear:both">
<script src="/gg_bd_ad_336x280.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<ul>
  <li><a href="#">R</a></li>
  <li><a href="#">A</a></li>
  <li><a href="#">I</a></li>
  <li><a href="#">N</a></li>
</ul>

</body>
</html>

[源代码打包下载]




网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...