图片/图形

纯CSS3逼真的下雨和下雪特效

阿里云


weather.css 是一款可以制作下雨和下雪特效的纯 CSS3 插件。这个 CSS 下雨和下雪特效使用简单,代码简洁,可以制作出非常逼真漂亮的下雨和下雪效果。该 CSS 下雨和下雪效果的使用方法非常简单,在页面中引入 weather.css 文件。

使用方法

  1. <link rel="stylesheet" type="text/css" href="weather.min.css">
也想出现在这里?联系我们
创客主机

注意:在 weather.css 或 weather.min.css 文件中要注意 rain.png 和 snow.png 图片的相对位置。

HTML 结构

在引入上面的文件之后,可以在任何你需要制作下雨或下雪效果的容器中添加下面的 class。要制作下雨效果,可以像下面这样:

  1. <div class="weather rain"></div>

要制作下雪效果,可以像下面这样:

  1. <div class="weather snow"></div>

纯 CSS3 逼真的下雨和下雪特效

已有 727 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(1)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!