用户注册



邮箱:

密码:

用户登录


邮箱:

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

发表随想


还能输入: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、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

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

加载中,请稍后...