有趣的css—简单的下雨效果2.0版

【有趣的css—简单的下雨效果2.0版】的更多相关文章

有趣的css—简单的下雨效果2.0版

简单的下雨效果2.0版前言笔者上一篇发布的文章有趣的css-简单的下雨效果中有位老哥给我提了一个很棒的建议,大致意思是波纹应该产生于雨滴的消失处. 这是按照老哥的建议完善后的效果图: 由于我制作GIF图片的工具最多只支持制作33FPS的GIF图,所以看起来可能有一点点卡顿,实际的效果比图片还是要好一些的,点击这里可以在线查看2.0版的效果. 思路制作背景首先给body中添加一个id为rain的div,并通过背景颜色线性渐变得到天空-地平线-海面的效果. <!DOCTYPE html>…

有趣的css—简单的下雨效果

简单的下雨效果前言最近在b站上看到一个下雨效果的视频,感觉思路很清奇,我也按照自己的思路做了一个简单的下雨效果. 由于我制作GIF图片的工具最多只支持制作33FPS的GIF图,所以看起来可能有一点点卡顿,实际的效果比图片还是要好一些的,点击这里可以在线查看效果. 思路制作背景首先给body中添加一个id为rain的div,并通过背景颜色线性渐变得到天空-地平线-海面的效果. <meta name="charset" content="utf-8">…

用PHP写的一个简单的分页类 1.0版

<?php /* 分页类用于实现对多条数据分页显示 version:1.0 author:Knight E-Mail:S.Knight.Work@gmail.com Date:2013-10-20 */ /* 调用非常方便,先连接好数据库,直接传人查询的sql字符串即可,也可以指定每页显示的数据条数例如$pages = new Page('SELECT * FROM `zy_common_member`'); 或 $pages = new Page('SELECT * FROM `zy_co…

用PHP写的一个简单的分页类 2.0版

<?php /* 分页类用于实现对多条数据分页显示 version:2.0 //基于1.0 数据库查询用mysqli实现 author:Knight E-Mail:S.Knight.Work@gmail.com Date:2013-10-20 */ /* 调用非常方便,先传入连接正确的mysqli对象,然后直接传入查询的sql字符串即可,也可以在第三个参数指定指定每页显示的数据条数例如$pages = new Page($mysqli, 'SELECT * FROM `zy_common_m…

使用CSS实现一个简单的幻灯片效果

方法一: 简单的CSS代码实现幻灯片效果方法二: 使用CSS3 Animation来制作幻灯片方法一: 简单的CSS代码实现幻灯片效果话不多说,直接上代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>CSS实现简单的幻灯片效果</title> <style type="te…

HTML与CSS简单页面效果实例

本篇博客实现一个HTML与CSS简单页面效果实例 index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link href="style.css" rel="stylesheet" type="text/css"…

Css实现一个简单的幻灯片效果页面

使用animation动画实现一个简单的幻灯片效果. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 /**HTML**/ div.ani /**css**/ .ani{ width:480px; height:320px; margin:50px auto; overflow: hidden; box-shadow:0 0 5px rgba(0,0,0,1); b…