HTML和CSS 学习（3）--confetti cursor

最新推荐文章于 2024-05-16 09:38:20 发布
最新推荐文章于 2024-05-16 09:38:20 发布
阅读量221 收藏
点赞数
分类专栏： 网页设计 文章标签： javascript css jquery css3 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42919657/article/details/103935433
版权

confetti cursor

文件介绍

![Alt]
(https://yt3.ggpht.com/a/AGF-l7_JOPbXWp3QXZDuk7CCOzxdwpRg8MFJliMx5A=s900-c-k-c0xffffffff-no-rj-mo0）
这个学习资源来自于一个youtuber开的频道， 名字叫做online tutorial（https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/featured）, 从第一次无意间系统推送给我他的频道的时候我就被他发的一些自创css style深深吸引， 也借以这个平台来和大家分享一下一些很有用的学习资源。**

代码

引入相关js 文件

在这里插入图片描述
点击这里进入网站

点击"download" 按钮进行下载，将里面的css和比较大一点的js文件复制粘贴至当前文件夹。

通过此页面下方的使用方法， 将想应的代码复制至html文件中：
分别是：
在中加入：

<link href="jquery.vnm.confettiButton.css" rel="stylesheet">
<link href="style.css" rel
最低0.47元/天 解锁文章
有态度的我
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS & CSS : 碎片烟花飘落
fuyou218的博客
08-27 273
JS 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可
react-confetti-explosion:一个轻量级的基于CSS动画的React五彩纸屑爆炸器
03-18
React五彩纸屑爆炸 这是通过激发它采用帆布美丽而经常使用的纸屑，但有多少难看CSS的例子还有在那里同样的启发。目标是创建一个不需要画布的超轻量级五彩纸屑组件，并且还可以将其控制为爆炸（而不是下雨五彩纸屑），而无需编写功能全面的粒子生成器。 安装： $ yarn add @reonomy/react-confetti-explosion 用法 import ConfettiExplosion from '@reonomy/react-confetti-explosion' ; function App ( ) { const [ isExploding , setIsExploding ] = React . useState ( false ) ; return ( < > { isExploding && < ConfettiExplosion>
Confetti
03-21
五彩纸屑 Uniapp
欢迎使用 JavaScript Confetti 库！
最新发布
gitblog_00002的博客
05-16 259
???? 欢迎使用 JavaScript Confetti 库！ 项目地址:https://gitcode.com/loonywizard/js-confetti 在这个数字世界中，为庆祝每一个小成就或大胜利，我们需要有创新的方式来表达喜悦。这就是 JavaScript Confetti 起作用的地方！这个轻量级的库，让你无需任何额外配置就能在网页上撒下五彩斑斓的虚拟纸片，瞬间提升节日氛围。 项目介绍 ...
confetti-js:轻松为您的首屏内容生成随机纸屑
05-06
:party_popper: :party_popper: 使用javascript轻松生成随机五彩纸屑，并使您的设计看起来更酷 演示版 :rocket: // 为什么？ 您是否曾经在目标网页和首屏内容上看到过如此酷炫的五彩纸屑？ 我们为您提供免费创建相同效果的能力，而无需从头开始设计或编码。 安装/使用 :mobile_phone_with_arrow: 正在下载 使用npm npm install confetti-js --save 直接下载-> :plus: 添加脚本 classic方式 < script src =" node_modules/confetti-js/dist/index.min.js " > </ script > ES6模块 // At the component you want to use confetti import ConfettiGenerator from "confetti-js" ; :thinking_face: 如何使用它？ 安装插件（上面的主题）后，只需调用它
confetti.js：您的网站的简单纸屑动画:)
02-04
五彩纸屑 您网站的最简单的五彩纸屑动画叠加！ :slightly_smiling_face: （无需库-总计3.18 KB） 只需在<body>下添加以下内容： [removed][removed][removed]confetti.start()[removed] 完成了！ 您可以调用以下任何可用功能： confetti.start(); //starts the confetti animation (keeps going until stopp
vue3 vue3-particles粒子使用方法
u014678583的博客
10-30 5561
vue3-particles使用方法
react-native-magic-confetti:React Native的漂亮黄油平滑五彩纸屑动画
04-01
import Confetti from 'react-native-magic-confetti' ; < Confetti xss=removed> 高级用法 import Confetti from 'react-native-magic-confetti' ; import FastImage from 'react-native-fast-image' ; < ...
canvas-confetti::party_popper:按需纸屑枪
05-13
npm install --save canvas-confetti 然后，您可以require('canvas-confetti'); 在项目构建中使用它。 注意：这是一个客户端组件，不会在Node中运行。 您将需要使用东西来构建您的项目才能使用它。 您还可以直接从...
react-native-confetti：使用本地响应动画制作的五彩纸屑
02-05
React本机五彩纸屑 用本地动画制作雨状纸屑 安装 npm i -S react-native-confetti ...import Confetti from 'react-native-confetti' ; class RNConfetti extends Component { componentDidMount ( ) { if ( this
js-confetti:dependencies零依赖的JS Confetti库
03-06
js-五彩纸屑 :party_popper: 零依赖的JS Confetti库 演示： : 用法 通过yarn或npm安装库 yarn add js-confetti 初始化JSConfetti类的实例并调用addConfetti方法 import JSConfetti from 'js-confetti' const jsConfetti = new JSConfetti ( ) jsConfetti . addConfetti ( ) 添加五彩纸屑参数 addConfetti方法接受带有以下参数的args对象： Struts 类型 描述 默认值 五彩纸屑半径 数字 五彩纸屑形状的半径（以像素为单位） 10 五彩纸屑数 数字 发射的纸屑数量（每侧N / 2-左右） 200 jsConfetti . addConfetti ( { confettiRadius : 10 , confett
五彩纸屑Confetti.js.zip
07-16
Confetti.js 在浏览器上实现了五彩纸屑的效果，如下图所示： 在线演示：http://plnkr.co/edit/JeFlnHmj6gjo4NG3Do75?p=preview 标签：Confetti
react-native-confetti：React Native组件显示五彩纸屑
02-05
介绍React本机组件以显示。 它可以用作下雪效果动画，并可以选择使用unicode，表情符号或图像作为飞行片段。 这是一个例子雪效应 （动画... 参数示例值描述confetti_enabled 1个设置为1启用，设置为0禁用confetti_im
react-dom-confetti:在状态转换时触发五彩纸屑爆炸
05-02
缓慢的运营会惹恼用户和利益相关者。 我们有两种选择，要么优化慢速操作，要么值得等待。 该库侧重于后者。 道具 积极的 必需的。 当道具从虚假转变为真实时触发爆炸。 配置 可选的。 用于控制五彩纸屑特性的配置...
Canvas Confetti 五彩纸屑特效 JS 插件
小陈的博客
10-19 1948
canvas-confetti 是一个使用 canvas 的五彩纸屑特效 JS 插件。整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
`Confetti-js`: 庆祝每一刻的技术魔力
gitblog_00065的博客
04-16 350
Confetti-js: 庆祝每一刻的技术魔力 项目地址:https://gitcode.com/Agezao/confetti-js 在网页设计和开发中，增添动态元素总能让用户体验提升到一个新的层次。Confetti-js是一个轻量级、易用且高度可定制的JavaScript库，专为在网页上创建庆祝场景而设计，比如节日、生日或任何值得欢呼的时刻。现在，让我们一起深入了解这个项目的魅力和技术特性。 ...
CSS-200个小案例（一）
qq_55154022的博客
12-15 2910
最近我在youtube上跟着大神学习200个CSS小案例，作者Online Tutorials 编码的内容很实用，案例中涉及定位、变换、动画等概念，适合进一步学习和巩固CSS知识，能帮助我们实现页面的特效。
unity confetti fx资源
12-13
使用Unity Confetti FX，开发者可以通过简单的拖拽和放置来创建自定义的纸屑效果。资源包中包含了各种形状和颜色的纸屑预制件，开发者可以根据需要选择并调整它们的属性，比如大小、密度和速度等，以获得所需的效果...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值