interhack/2026.camp.public.website
interhack/2026.camp.public.website
15
1
Fork 2
Code Issues 14 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

Change la façon dont les feux d'artifices apparaissent

Browse source
This commit is contained in:
nono-lqdn 2026-01-30 18:18:46 +01:00
parent c47bd42d46
commit 40b2b2fcf7
2 changed files with 20 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
css/home.css
View file

@ -57,12 +57,12 @@
} }
.btn-pop i { .btn-pop i {
position: absolute; /* position: ; */
display: block; display:run-in;
left: 50%; left: 0px;
top: 0; top: 0px;
width: 3px; width: 1px;
height: 8px; height: 1px;
background: red; background: red;
opacity: 0; opacity: 0;
} }

18
js/pop.js
View file

@ -6,16 +6,26 @@ document.querySelectorAll('button').forEach(function(button) {
var c = document.createDocumentFragment(); var c = document.createDocumentFragment();
for (var i = 0; i < 100; i++) { for (var i = 0; i < 100; i++) {
var styles = 'transform: translate3d(' + (random(500) - 250) + 'px, ' + var styles = 'position: absolute;' +
(random(200) - 150) + 'px, 0) rotate(' + random(360) + 'deg);' + 'left: ' + (random(100)) + '30%;' + // Limit the position to within the button
'top: ' + (random(60)) + '30%;' + // Limit the position to within the button
'width: 3px; height: 6px; ' + // Increase size
'transform: translate(-50%, -50%) rotate(' + random(360) + 'deg);' +
'background: hsla(' + random(360) + ', 100%, 50%, 1);' + 'background: hsla(' + random(360) + ', 100%, 50%, 1);' +
'animation: bang 700ms ease-out forwards;' + 'animation: bang 2000ms ease-out forwards;' +
'opacity: 0'; 'opacity: 0;' +
'z-index: 10;'; // Set a high z-index
var e = document.createElement("i"); var e = document.createElement("i");
e.style.cssText = styles; e.style.cssText = styles;
c.appendChild(e); c.appendChild(e);
} }
button.appendChild(c); button.appendChild(c);
setTimeout(() => {
// Create an array of the <i> elements to remove
let childrenToRemove = Array.from(button.querySelectorAll('i'));
// Remove each <i> element
childrenToRemove.forEach(child => button.removeChild(child));
}, 3000);
}); });
}); });