RainEffect
发表于|更新于
|浏览量:
不要从你自己的口袋里掏出勋章借给你的朋友,这是侮辱他的——泰戈尔
分享一个真实的雨滴效果:
https://tympanus.net/Development/RainEffect/#slide-1
github地址:https://github.com/codrops/RainEffect
还是非常炫酷的

相关推荐
2024-07-21
morjs转换小程序
健康是一种自由——在一切自由中首屈一指。——亚美路 就是这个项目: https://github.com/eleme/morjs 基于小程序 DSL(微信、支付宝)的,可扩展的多端研发框架,支持一键将微信或支付宝小程序转换为微信、支付宝、百度、字节、QQ、快手、淘宝、钉钉等小程序 或 Web 应用 官网 https://mor.ele.me/ 快速上手 快速上手环境准备MorJS 项目基于 node,请确保已具备较新的 node 环境(>=14),推荐使用 node 版本管理工具 nvm 来管理 node(Windows 下使用 nvm-windows),这样可以很方便地切换 node 版本,全局安装时候也不必再使用 sudo。 1# mac 或 linux 下安装 nvm$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash$ nvm -v0.39.1# 安装 node$ nvm install 14$ nvm use 14$ node -vv14....
2021-06-21
wangEditor接入阿里云OSS
我唯一知道的就是自己无知。——苏格拉底最有学问和最有见识的人总是很谨慎的——卢梭 我们昨天接入了wangEditor富文本编辑器 今天我们试着将阿里云OSS集成进wangEditor 首先我们先使用vue在页面渲染结束后调用初始化wangEditor 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>OSS上传Demo</title> <link href="/css/elementUI.css" rel="stylesheet"> <script src="/js/jquery-3.5.1....
2023-01-02
transition.style
我这个人走得很慢,但是我从不后退。——亚伯拉罕·林肯 分享一个网站https://www.transition.style 这个网站提供了transition的各种css动画效果,其github地址:https://github.com/argyleink/transition.css 可以直接选取你需要的动画效果,点击复制,右边还可以自定义时间、淡入淡出等
2022-03-17
vue scroll事件失效
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。 这个坑,我遇到的时候,百度要么告诉我加高度,要么告诉我用document或者ref去获取节点 可我只想用@scroll事件,于是我在到处加@scroll,在组件上加@scroll.native,在组件里的div上加,在slot中加,然后又给它们挨个加高度,没一个好使,搞的我很头大 后面我突然发现,我给加的,好像并不是实际滚动的地方,那我明白了,首先我给引用组件放入slot中的div指定了样式: 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll,此处如果该div下的元素高度超出了80vh,则会触发事件。。。这坑踩的,就离谱
2022-11-12
get请求包参数属性为数组(二)
伤害可能被原谅,但不会被遗忘——伊索 之前写过一篇get请求包含参数属性为数组 但是发现不适用数组不为对象的情况,例如ids: [1024, 2048, 4096],而且可读性有点差,使用起来还得转下参数,所以封装了改良版 1234567891011121314151617181920212223242526272829303132333435let searchParams = { current: 1, size: 1, orders: [ { column:'age', asc:true }, { column:'name', asc:true } ], ids: [1024, 204...
2021-04-05
localStorage
蚍蜉撼大树,可笑不自量。——韩愈《调张籍》 我们可以使用LocalStorage在页面上存点东西,限制是5MB 1window.localStorage.setItem("ruben","Hello") 我们再取出来 1window.localStorage.getItem("ruben") 如果我们要移除 1window.localStorage.removeItem("ruben") 要移除全部 1window.localStorage.clear()
