<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	 xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>Fireworks &#8211; AnonyViet &#8211; English Version</title>
	<atom:link href="https://en.anonyviet.com/tag/fireworks/feed/" rel="self" type="application/rss+xml" />
	<link>https://en.anonyviet.com</link>
	<description>The most popular website for sharing information technology, computer networks, and security knowledge. Stay up to date with the hottest news and tips</description>
	<lastBuildDate>Sat, 28 Mar 2026 09:29:14 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://en.anonyviet.com/wp-content/uploads/2023/01/cropped-ico-logo-75x75-1.png</url>
	<title>Fireworks &#8211; AnonyViet &#8211; English Version</title>
	<link>https://en.anonyviet.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to report illegal fireworks on VNeID</title>
		<link>https://en.anonyviet.com/how-to-report-illegal-fireworks-on-vneid/</link>
					<comments>https://en.anonyviet.com/how-to-report-illegal-fireworks-on-vneid/#respond</comments>
		
		<dc:creator><![CDATA[AnonyViet]]></dc:creator>
		<pubDate>Sat, 28 Mar 2026 09:29:14 +0000</pubDate>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[illegal]]></category>
		<category><![CDATA[Report]]></category>
		<category><![CDATA[VNeID]]></category>
		<guid isPermaLink="false">https://en.anonyviet.com/?p=21679</guid>

					<description><![CDATA[How to report illegal fireworks on VNeID Helps people easily report violations of the law without fear of revealing their identity. This is an extremely useful feature built into the national electronic identity application. Join AnonyViet to immediately discover the most accurate reporting process! 📢 Join the channel Telegram belong to AnonyViet 👉 Go to [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div id="ftwp-postcontent">
<p><strong>How to report illegal fireworks on VNeID</strong> Helps people easily report violations of the law without fear of revealing their identity. This is an extremely useful feature built into the national electronic identity application. Join AnonyViet to immediately discover the most accurate reporting process!</p>
<div class="av-telegram-box" style="margin:16px 0;">
<div style="border:1px solid #dbeafe; background:linear-gradient(135deg,#eff6ff 0%,#ecfeff 100%); border-radius:14px; padding:14px 16px; box-shadow:0 4px 14px rgba(0,0,0,.06); text-align:center;">
<p> <span style="display:inline-block; margin-right:4px;">📢</span> Join the channel <span style="color:#2563eb;">Telegram</span> belong to <span style="color:#0f766e;">AnonyViet</span></p>
<p><a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Ft.me%2Fanonyvietoffical" target="_blank" rel="noopener nofollow" style="display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#229ED9; color:#fff; text-decoration:none; font-weight:700; font-size:14px; padding:10px 14px; border-radius:10px; box-shadow:0 4px 10px rgba(34,158,217,.25);"><br />
<span>👉 Go to Telegram AnonyViet</span><br />
</a></p>
<p>  Update new articles, cool tools and IT tips fastest</p>
</div>
</div>
<h2 id="ftoc-ung-dung-vneid-la-gi-va-loi-ich-thiet-thuc" class="ftwp-heading"><strong>What is the VNeID application and its practical benefits</strong></h2>
<p><a target="_blank" href="https://en.anonyviet.com/next-link/?url=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.vnid%26amp%3Bhl%3Dvi" rel="noopener external nofollow" class="ext-link" onclick="this.target='_blank';"><strong>VNeID</strong> </a>It is essentially an electronic identification account application developed by the Ministry of Public Security. This platform acts as a digital wallet, a place to securely store core citizen information such as Citizen Identification Card (CCCD), Driver&#8217;s License, Health Insurance Card, Electronic Household Registration Book and even tax data.</p>
<p>The birth of VNeID is a major step forward in e-government, helping people minimize cumbersome administrative procedures and save travel time. In particular, many users now know how to report illegal fireworks on VNeID instead of having to go to the police headquarters to report as before.</p>
<figure id="attachment_98989" aria-describedby="caption-attachment-98989" style="width: 600px" class="wp-caption aligncenter"><img post-id="21679" fifu-featured="1" fetchpriority="high" decoding="async" class="wp-image-98989 size-full" src="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-1.jpg" alt="How to report illegal fireworks on VNeID" title="How to report illegal fireworks on VNeID" width="600" height="400" title="How to report illegal fireworks on VNeID 10" srcset="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-1.jpg 600w, https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-1-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px"/><figcaption id="caption-attachment-98989" class="wp-caption-text">What is the VNeID application and its practical benefits</figcaption></figure>
<h2 id="ftoc-quy-dinh-phap-luat-va-muc-xu-phat-hanh-vi-dot-phao-no" class="ftwp-heading"><strong>Legal regulations and penalties for setting firecrackers and explosions</strong></h2>
<p>According to current regulations in Decree 137/2020/ND-CP, the state strictly prohibits all acts related to the production, storage, transportation, trading and use of firecrackers. Citizens are only allowed to use fireworks that do not emit an explosion on special occasions as prescribed by law.</p>
<p>Notably, current sanctions have become extremely strict. Below is a table comparing fines for you to understand:</p>
<table>
<tbody>
<tr>
<td style="text-align: center;"><b>Criteria</b></td>
<td style="text-align: center;"><b>Old regulations</b></td>
<td style="text-align: center;"><b>New regulations (Decree 282/2025)</b></td>
</tr>
<tr>
<td style="text-align: center;"><b>Violations</b></td>
<td style="text-align: center;"><span style="font-weight: 400;">Illegal use of firecrackers and explosive fireworks</span></td>
<td style="text-align: center;"><span style="font-weight: 400;">Illegal use of firecrackers, explosive fireworks, and fireworks</span></td>
</tr>
<tr>
<td style="text-align: center;"><b>Fine level</b></td>
<td style="text-align: center;"><span style="font-weight: 400;">From 5,000,000 VND – 10,000,000 VND</span></td>
<td style="text-align: center;"><b>From 20,000,000 VND – 40,000,000 VND</b></td>
</tr>
<tr>
<td style="text-align: center;"><b>Level of deterrence</b></td>
<td style="text-align: center;"><span style="font-weight: 400;">Short</span></td>
<td style="text-align: center;"><span style="font-weight: 400;">Increased 4 times, extremely high deterrence</span></td>
</tr>
</tbody>
</table>
<figure id="attachment_98990" aria-describedby="caption-attachment-98990" style="width: 600px" class="wp-caption aligncenter"><img decoding="async" class="wp-image-98990 size-full" src="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-2.jpg" alt="Legal regulations and penalties for setting firecrackers and explosions" width="600" height="400" title="How to report illegal fireworks on VNeID 11" srcset="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-2.jpg 600w, https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-2-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px"/><figcaption id="caption-attachment-98990" class="wp-caption-text">Legal regulations and penalties for setting firecrackers and explosions</figcaption></figure>
<h2 id="ftoc-huong-dan-cach-phan-anh-dot-phao-trai-phep-tren-vneid" class="ftwp-heading"><strong>Instructions on how to report illegal fireworks on VNeID</strong></h2>
<p>To avoid having to wait for the patrol force to detect you, you can proactively report the incident by phone. Here&#8217;s how to report illegal fireworks on VNeID with 5 extremely simple steps:</p>
<p><strong>Step 1:</strong> First, you need to access the App Store (for iOS) or Google Play (for Android) to download or update the VNeID app to the latest version.</p>
<p><strong>Step 2:</strong> Open the application and log in with your level 2 electronic identity account. At the main interface, select &#8220;<strong>Other services</strong>“, continue clicking “<strong>Receive comments, feedback and problems</strong>“.</p>
<figure id="attachment_98991" aria-describedby="caption-attachment-98991" style="width: 600px" class="wp-caption aligncenter"><img decoding="async" class="wp-image-98991 size-full" src="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-3.jpg" alt="Click &quot;Receive comments, feedback and problems&quot;" width="600" height="400" title="How to report illegal fireworks on VNeID 12" srcset="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-3.jpg 600w, https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-3-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px"/><figcaption id="caption-attachment-98991" class="wp-caption-text">Click &#8220;Receive comments, feedback and problems&#8221;</figcaption></figure>
<p><strong>Step 3:</strong> Then select “<strong>Recommendations and feedback on security and order</strong>“. When the new screen appears, click “<strong>Create new request</strong>“.</p>
<figure id="attachment_98992" aria-describedby="caption-attachment-98992" style="width: 600px" class="wp-caption aligncenter"><img decoding="async" class="wp-image-98992 size-full" src="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-4.jpg" alt="Select &quot;Recommendations and feedback on security and order&quot;" width="600" height="400" title="How to report illegal fireworks on VNeID 13" srcset="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-4.jpg 600w, https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-4-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px"/><figcaption id="caption-attachment-98992" class="wp-caption-text">Select &#8220;Recommendations and feedback on security and order&#8221;</figcaption></figure>
<p>Here, you fill in all information about the violation of public order/security, clearly stating the time and location of the incident. Don&#8217;t forget to attach photos or videos of illegal firecrackers as evidence. (Be sure to fill in all the boxes marked with a red *).</p>
<p><strong>Step 4:</strong> Add additional information of the victim or the person being petitioned (if you know clearly). Then, check all data again and click submit according to the system&#8217;s instructions. Properly reporting illegal fireworks on VNeID will help your application be received faster.</p>
<p><strong>Step 5:</strong> To monitor the progress of the police agency, you just need to return to the &#8220;Recommendations and feedback on security and order&#8221; section in the &#8220;Other services&#8221; section.</p>
<p>Besides understanding how to report illegal fireworks on VNeID, you absolutely should not arbitrarily intervene or prevent those who are setting firecrackers. This action has huge potential risks and can endanger your own life and health.</p>
<figure id="attachment_98993" aria-describedby="caption-attachment-98993" style="width: 600px" class="wp-caption aligncenter"><img decoding="async" class="wp-image-98993 size-full" src="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-5.jpg" alt="Instructions on how to report illegal fireworks on VNeID" width="600" height="400" title="How to report illegal fireworks on VNeID 14" srcset="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-5.jpg 600w, https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-5-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px"/><figcaption id="caption-attachment-98993" class="wp-caption-text">Instructions on how to report illegal fireworks on VNeID</figcaption></figure>
<h2 id="ftoc-cau-hoi-thuong-gap-qa" class="ftwp-heading"><strong>Frequently Asked Questions (Q&#038;A)</strong></h2>
<p><strong>1. What level of VNeID account do I need to submit a security report?</strong></p>
<p>Answer: To use the petition and feedback feature on security and order, you are required to log in with a level 2 electronic identity account.</p>
<p><strong>2. Are you afraid of having your identity revealed by sending feedback via the VNeID application?</strong></p>
<p>Answer: Absolutely not. The VNeID system is strictly secured by the Ministry of Public Security, the whistleblower&#8217;s information will be kept confidential to ensure absolute safety.</p>
<p><strong>3. Is video or photos required when reporting fireworks?</strong></p>
<p>Answer: Not required, however authorities encourage you to attach images or videos to increase authenticity and help the processing process go faster.</p>
<h2 id="ftoc-loi-ket" class="ftwp-heading"><strong>Conclusion</strong></h2>
<p>It can be seen that reporting illegal fireworks on VNeID is the most optimal method. Silently recording evidence and sending it via the application not only helps the authorities have a basis for processing, but also ensures absolute safety for the information provider.</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://en.anonyviet.com/how-to-report-illegal-fireworks-on-vneid/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:content url="https://anonyviet.com/wp-content/uploads/2026/03/cach-phan-anh-dot-phao-trai-phep-tren-vneid-1.jpg" medium="image"></media:content>
            	</item>
		<item>
		<title>Decorative fireworks code for Tet websites</title>
		<link>https://en.anonyviet.com/decorative-fireworks-code-for-tet-websites/</link>
					<comments>https://en.anonyviet.com/decorative-fireworks-code-for-tet-websites/#respond</comments>
		
		<dc:creator><![CDATA[AnonyViet]]></dc:creator>
		<pubDate>Sat, 25 Jan 2025 06:41:16 +0000</pubDate>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Decorative]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[Tết]]></category>
		<category><![CDATA[Websites]]></category>
		<guid isPermaLink="false">https://en.anonyviet.com/?p=18036</guid>

					<description><![CDATA[Tet holiday is an ideal time to decorate your website with beautiful and vivid decorative fireworks effects to bring festive atmosphere. One of the popular and impressive effects is fireworks. With this effect, your website not only attracts the attention of the viewers but also creates a sense of fun and excitement. Join the channel [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div id="ftwp-postcontent">
<p><strong>Tet holiday is an ideal time to decorate your website with beautiful and vivid decorative fireworks effects to bring festive atmosphere. One of the popular and impressive effects is fireworks. With this effect, your website not only attracts the attention of the viewers but also creates a sense of fun and excitement.</strong></p>
<div align="center">
<table class="aligncenter" style="background-color: #c0c0c0; border-collapse: collapse; width: 59.9985%;">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"> <span style="font-size: 12pt;"> <strong>Join the channel <span style="color: #0000ff;">Telegram</span> belong to <span style="color: #008080;">Anonyviet</span> 👉 <span style="text-decoration: underline;"><a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Ft.me%2Fanonyvietoffical" target="_blank" class="local-link">Link</a></span>  👈</strong> </span> </td>
</tr>
</tbody>
</table>
</div>
<p><img post-id="18036" fifu-featured="1" decoding="async" class="aligncenter size-full wp-image-79127" src="https://anonyviet.com/wp-content/uploads/2025/01/code-phao-hoa-tet.jpg" alt="Decorative fireworks code for Tet websites" title="Decorative fireworks code for Tet websites" width="829" height="331" title="Decorative fireworks code for the New Year website 6" srcset="https://anonyviet.com/wp-content/uploads/2025/01/code-phao-hoa-tet.jpg 829w, https://anonyviet.com/wp-content/uploads/2025/01/code-phao-hoa-tet-300x120.jpg 300w, https://anonyviet.com/wp-content/uploads/2025/01/code-phao-hoa-tet-768x307.jpg 768w, https://anonyviet.com/wp-content/uploads/2025/01/code-phao-hoa-tet-750x299.jpg 750w" sizes="(max-width: 829px) 100vw, 829px"/></p>
<p>The fireworks code brings many benefits and is easy to apply. This effect allows the display of brilliant fireworks across the screen, appearing when the user clicks or automatically shoots after a few seconds. In particular, you can customize the color, size and frequency of fireworks to suit the overall design of the website.</p>
<p>The application of the fireworks code is very diverse. You can use it to create accents for Tet promotions on e -commerce website, beautify personal blogs on the theme of the new year, or decorate the event introduction page and the festival promotion campaign campaign. . The code is written in JavaScript combined with HTML and CSS, ensuring lightness, does not affect page load speed, and good compatibility on most modern browsers.</p>
<p>Also you can refer <a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Fanonyviet.com%2Fcode-hieu-ung-phao-hoa-theo-chuot-trang-tri-website-tet%2F" class="local-link">Code fireworks follow mouse</a> In the previous article</p>
<p>This is the original code reference from the website: https://quaquietviet.nguyenlan.io.vn/phaohoa.txt</p>
<h3 id="ftoc-code-phao-hoa-tet-cho-wordpress" class="ftwp-heading">Tet fireworks code for WordPress</h3>
<p>Open the Functions.php file in the WordPress theme folder and copy all the code below paste at the end of the Functions.php file (usually at the path <strong>WP-Content/Themes/Name-Theme/Functions.php</strong>)</p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic">Function chenphaohoa () {?>
<link rel="stylesheet" href="https://anonyviet.com/resource/phaohoa/fireworks1.css"/>&#13;
<script src="https://anonyviet.com/resource/phaohoa/fireworks1.js"/>&#13;
<canvas id="fireworks" style="display:none;"/> &#13;
<?php }

add_action('wp_footer','chenphaohoa');</pre?>
<h3 id="ftoc-them-code-phao-hoa-tet-vao-blogspot-website-khac" class="ftwp-heading">Thêm code pháo hoa tết vào Blogspot/Website khác</h3>
Bạn vào Menu đổi theme của Blogspot, edit html và thực hiện các bước sau:
<ol>
<li class="whitespace-normal break-words">Vào Blogspot Dashboard</li>
<li class="whitespace-normal break-words">Theme &gt; Edit HTML</li>
<li class="whitespace-normal break-words">Dán code vào vị trí tương ứng bên dưới</li>
</ol>
<strong>Thêm code Trong phần <span style="color: #0000ff;"/></strong>
<pre class="EnlighterJSRAW" data-enlighter-language="generic"><link href="https://anonyviet.com/resource/phaohoa/fireworks1.css" rel="stylesheet" type="text/css"/></pre>
Ngay trước thẻ đóng <span style="color: #0000ff;"><strong/></span>
<pre class="EnlighterJSRAW" data-enlighter-language="generic"><!-- FIREWORKS SCRIPT -->&#13;
<script src="https://anonyviet.com/resource/phaohoa/fireworks1.js" type="text/javascript"/>&#13;
&#13;
<!-- INITIALIZE FIREWORKS -->&#13;
<script><![CDATA[
document.addEventListener("DOMContentLoaded", function() {
    const container = document.createElement('div');
    container.id = 'fireworks-container';
    document.body.appendChild(container);
    
    // C&#7845;u h&igrave;nh ph&aacute;o hoa
    const fireworksConfig = [
        {left:"15%", color:"#FF4C4C", explosionType:"circle", size:"large", launchTime:0},
        {left:"70%", color:"#FFD24C", explosionType:"star", size:"medium", launchTime:0},
        // ... (Gi&#7919; nguy&ecirc;n fireworksData nh&#432; code g&#7889;c)
    ];

    fireworksConfig.forEach(config =>  {Settimeout (() => Launchrocket (Container, Config), Config.Lauchtime); }); Const Maxtime = Math.max (... Fireworksconfig.map (f => F.Lauchtime)); Settimeout (() => LaunchgrandfinalKet (Container), Maxtime + 4000); }); ]>></script></pre>
<p>Firework code effect is one of the interesting ways to create accents and increase aesthetics for special websites or events such as Tet, Christmas, or memories. The fireworks code in the cards are designed with HTML, CSS, and JavaScript, which helps create vivid, colorful fireworks explosions and can be easily integrated into any project. Thank the website owner https://quaquietviet.nguyenlan.io.vn/ Share code for everyone</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://en.anonyviet.com/decorative-fireworks-code-for-tet-websites/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:content url="https://anonyviet.com/wp-content/uploads/2025/01/code-phao-hoa-tet.jpg" medium="image"></media:content>
            	</item>
		<item>
		<title>Fireworks Effect Code According to Mouse &#8211; Tet Website Decoration</title>
		<link>https://en.anonyviet.com/fireworks-effect-code-according-to-mouse-tet-website-decoration/</link>
					<comments>https://en.anonyviet.com/fireworks-effect-code-according-to-mouse-tet-website-decoration/#respond</comments>
		
		<dc:creator><![CDATA[AnonyViet]]></dc:creator>
		<pubDate>Mon, 23 Dec 2024 17:28:03 +0000</pubDate>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[decoration]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[mouse]]></category>
		<category><![CDATA[Tết]]></category>
		<category><![CDATA[Website]]></category>
		<guid isPermaLink="false">https://en.anonyviet.com/?p=17691</guid>

					<description><![CDATA[The Mouse Fireworks Effect Code is a combination of html, js and css that creates a beautiful fireworks effect, where bright rays of light appear and spread right where the mouse moves. With each mouse move, bright particles with random colors will create explosive fireworks, bringing a lively and exciting feeling. As you prepare for [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div id="ftwp-postcontent">
<p>The Mouse Fireworks Effect Code is a combination of html, js and css that creates a beautiful fireworks effect, where bright rays of light appear and spread right where the mouse moves. With each mouse move, bright particles with random colors will create explosive fireworks, bringing a lively and exciting feeling. As you prepare for Tet, you can decorate your website with a little more Tet atmosphere with these beautiful fireworks displays.</p>
<div align="center">
<table class="aligncenter" style="background-color: #c0c0c0; border-collapse: collapse; width: 59.9985%;">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"> <span style="font-size: 12pt;"> <strong>Join the channel <span style="color: #0000ff;">Telegram</span> belong to <span style="color: #008080;">AnonyViet</span> 👉 <span style="text-decoration: underline;"><a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Ft.me%2Fanonyvietoffical" target="_blank" class="local-link">Link</a></span>  👈</strong> </span> </td>
</tr>
</tbody>
</table>
</div>
<p>Besides <a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Fanonyviet.com%2Fjavascript-hoa-mai-dao-roi-trang-tri-tet-cho-website%2F" class="local-link">Falling peach blossom decoration for Website</a>you can make beautiful fireworks effects. In addition, I also shared how <a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Fanonyviet.com%2Fhuong-dan-tao-hieu-ung-tuyet-roi-khi-di-chuot%2F" class="local-link">Create a falling snow effect when hovering your mouse on your computer using software</a> Helps your computer feel more lively during the Christmas season.</p>
<p>See <a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Fanonyviet.com%2Fresource%2Fplugin-phao-hoa-theo-chuot%2Fphaohoa.html" class="local-link">Demo the effect here</a>remember to drag the mouse to see the effect.</p>
<p><img post-id="17691" fifu-featured="1" title="Fireworks Effect Code According to Mouse to Decorate Tet Website" decoding="async" class="aligncenter size-full wp-image-75863" src="https://anonyviet.com/wp-content/uploads/2024/12/code-phao-hoa-di-chuot-website.jpg" alt="Fireworks Effect Code According to Mouse &#8211; Tet Website Decoration" title="Fireworks Effect Code According to Mouse &#8211; Tet Website Decoration" width="500" height="232" srcset="https://anonyviet.com/wp-content/uploads/2024/12/code-phao-hoa-di-chuot-website.jpg 500w, https://anonyviet.com/wp-content/uploads/2024/12/code-phao-hoa-di-chuot-website-300x139.jpg 300w" sizes="(max-width: 500px) 100vw, 500px"/></p>
<h2 id="ftoc-full-code-phao-hoa-di-chuot-tren-website" class="ftwp-heading">Full code for hover fireworks on Website</h2>
<pre class="EnlighterJSRAW" data-enlighter-language="generic">&#13;
&#13;
&#13;
    <meta charset="UTF-8"/>&#13;
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>&#13;
    <title>Fireworks Effect</title>&#13;
    &#13;
&#13;
&#13;
    <canvas id="fireworksCanvas"/>&#13;
&#13;
    <script><![CDATA[
        const canvas = document.getElementById("fireworksCanvas");
        const ctx = canvas.getContext("2d");

        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

        window.addEventListener("resize", () => {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
        });

        class Particle {
            constructor(x, y, color) {
                this.x = x;
                this.y = y;
                this.color = color;
                this.size = Math.random() * 5 + 1;
                this.speedX = Math.random() * 4 - 2;
                this.speedY = Math.random() * 4 - 2;
                this.life = Math.random() * 30 + 50;
            }

            update() {
                this.x += this.speedX;
                this.y += this.speedY;
                this.size *= 0.96;
                this.life--;
            }

            draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
                ctx.fillStyle = this.color;
                ctx.fill();
            }
        }

        const particles = [];

        function createFireworks(x, y) {
            const colors = ["#ff5733", "#33ff57", "#5733ff", "#f4ff33", "#ff33e3"];
            for (let i = 0; i < 50; i++) {
                const color = colors[Math.floor(Math.random() * colors.length)];
                particles.push(new Particle(x, y, color));
            }
        }

        function animate() {
            ctx.fillStyle = "rgba(0, 0, 0, 0.1)";
            ctx.fillRect(0, 0, canvas.width, canvas.height);

            particles.forEach((particle, index) => {
                if (particle.life <= 0 || particle.size <= 0.1) {
                    particles.splice(index, 1);
                } else {
                    particle.update();
                    particle.draw();
                }
            });

            requestAnimationFrame(animate);
        }

        canvas.addEventListener("mousemove", (e) => {
            createFireworks(e.clientX, e.clientY);
        });

        animate();
    ]]&gt;</script>&#13;
&#13;
</pre>
<h2 id="ftoc-them-code-phao-hoa-vao-wordpress" class="ftwp-heading">Add fireworks code to WordPress</h2>
<p>If your website uses WordPress, you need to tweak it a bit to hide the black background of the original code. You can quickly download the Mouse Fireworks Effect Plugin here <a target="_blank" href="https://en.anonyviet.com/next-link?url=https%3A%2F%2Fanonyviet.com%2Fresource%2Fplugin-phao-hoa-theo-chuot%2Fmouse-fireworks.zip" class="local-link">this link</a>. After downloading, you need to upload it in the Plugin section and activate it. Then clear the cache (if any) and access any article to enjoy the fireworks display on your Website. You can see the demo right here.</p>
<h2 id="ftoc-them-code-phao-hoa-theo-chuot-vao-blogspot-website-khac" class="ftwp-heading">Add mouse-based fireworks code to Blogspot/Other Websites</h2>
<p>Go to Blogspot&#39;s theme change menu, edit html and do the following steps:</p>
<ol>
<li class="whitespace-normal break-words">Go to Blogspot Dashboard</li>
<li class="whitespace-normal break-words">Theme > Edit HTML</li>
<li class="whitespace-normal break-words">Paste the code into the corresponding location below</li>
</ol>
<p><strong>Add code In section <span style="color: #0000ff;"/></strong></p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic"/>
<p><strong>Ngay trước thẻ đóng<span style="color: #0000ff;"> </span></strong></p>
<pre class="EnlighterJSRAW" data-enlighter-language="generic"><canvas id="fireworksCanvas"/>&#13;
<script src="https://anonyviet.com/resource/plugin-phao-hoa-theo-chuot/fireworks.js"/></pre>
<p>Mouse-based fireworks effects are a great way to highlight your website, creating an engaging experience for visitors. Try the integration today and make a difference to your website!</p>
<p>If you encounter difficulties or have questions when using this code, do not hesitate to leave a comment or contact for support.</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://en.anonyviet.com/fireworks-effect-code-according-to-mouse-tet-website-decoration/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<media:content url="https://anonyviet.com/wp-content/uploads/2024/12/code-phao-hoa-di-chuot-website.jpg" medium="image"></media:content>
            	</item>
	</channel>
</rss>
