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

相关推荐
2025-05-24
CircularProgressBar
丈夫志四海,万里犹比邻。—— 曹 植《赠白马王彪》 https://github.com/lopspower/CircularProgressBar Android 自定义控件推荐:CircularProgressBar 完美实现圆形进度条在 Android 开发中,进度条是一种非常常见的 UI 元素,用于展示任务的完成进度。虽然系统自带了 ProgressBar,但其样式单一,无法满足复杂的 UI 需求。为了解决这一问题,CircularProgressBar 提供了一种简单易用的解决方案,帮助我们轻松实现高度定制化的圆形进度条。 本篇文章将为你详细介绍 CircularProgressBar 的功能、特点以及如何快速上手使用。 什么是 CircularProgressBar?CircularProgressBar 是一个开源的自定义控件,用于实现 Android 中的圆形进度条。由 lopspower 开发,CircularProgressBar 提供了灵活的 API 和丰富的样式选项,可以轻松满足各种设计需求。 CircularProgressBar 的功能亮点 高...
2022-05-21
css属性选择器
谁终将声震人间,必长久深自缄默;谁终将点燃闪电,必长久如云漂泊。——尼采 首先是MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Attribute_selectors 然后是场景: 此处需要将所有包含overflow: scroll行内样式(也就是元素的style属性内写样式)的元素,设置为overflow:auto 代码: 123*[style*='overflow: scroll'] { overflow: auto !important;} 示例链接CSS12345678910111213141516171819202122232425262728a { color: blue;}/* 以 "#" 开头的页面本地链接 */a[href^="#"] { background-color: gold;}/* 包含 "example" 的链接 */a[href*=&q...
2024-06-03
js中classList的toggle
当你身处逆境时不邀自来的人,才是真正的朋友。——奇奥佛垃斯塔 在 HTML 中实现白天和夜晚主题切换在现代网页设计中,为用户提供不同的主题(如白天和夜晚模式)是一种常见且友好的用户体验优化方式。通过使用 JavaScript 和 CSS,我们可以轻松地实现这一功能。本文将详细讲解如何使用简单的 HTML、CSS 和 JavaScript 实现一个白天和夜晚主题切换功能。 实现步骤 基本 HTML 结构:首先,我们需要创建一个基本的 HTML 结构,包括一个按钮用于切换主题。 CSS 样式:接下来,我们定义白天和夜晚模式的样式。默认情况下,页面为白天模式。 JavaScript 功能:最后,通过 JavaScript 实现点击按钮切换主题的功能。 代码示例以下是完整的代码示例: 123456789101112131415161718192021222324252627<!DOCTYPE html><html><head> <title>Day-Night Toggle</title> <sty...
2024-07-01
h5判断是ios还是安卓
理想主义者是不可救药的:如果他被扔出了他的天堂,他会再制造出一个理想的地狱。——尼采 主要就是这个代码 123var u = navigator.userAgent;window.isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端window.isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 这边用用户的agent和正则判断
2025-06-04
wave-ui
教育上的错误比别的错误更不可侵犯。教育上的错误正和错配了药一样,第一次弄错了,决不能借第二第三次去补救,它们的影响是终身洗不掉的。——约翰·洛克 https://github.com/antoniandre/wave-ui https://antoniandre.github.io/wave-ui/ Wave UI:基于 Vue 的现代化 UI 框架在构建现代化的 Web 应用时,一个优秀的 UI 框架不仅能够加快开发速度,还能显著提升用户体验。对于使用 Vue 的开发者而言,Wave UI 是一个轻量级、功能丰富的选择。 Wave UI 是一个基于 Vue 的 UI 框架,专注于提供高质量的组件和工具,同时保持轻量化和易用性。通过 Wave UI,开发者可以快速构建美观且功能强大的 Web 应用。 为什么选择 Wave UI?1. 轻量化和高性能Wave UI 的核心目标是轻量化,整个框架大小不到 40 KB。这让它在加载速度和性能上表现优异,非常适合构建快速响应的应用。 2. 易用性Wave UI 提供了直观的 API 和简单的配置选项,让开发者能够快速上手。即使是初学...
2022-12-06
js小知识
盲目的仇恨心理是很可怕的,,甚至会导致本身的毁灭——沙米亚金 这里b由于没有var、let、const等关键字定义,变成了全局变量 而a由于作用域限制,因此提示a is not defined

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog