315 lines
9.4 KiB
CSS
315 lines
9.4 KiB
CSS
/*
|
|
Created on : Jan 29, 2024, 8:03:11 PM
|
|
Author : Raphael Martin
|
|
*/
|
|
.firework {
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
opacity: 1; }
|
|
|
|
@keyframes launchFirework {
|
|
to {
|
|
opacity: 0; } }
|
|
@keyframes launchFirework1 {
|
|
to {
|
|
transform: translate(-100px, 51px); } }
|
|
.firework1 {
|
|
animation: launchFirework 1001ms linear forwards, launchFirework1 616ms linear forwards; }
|
|
|
|
@keyframes launchFirework2 {
|
|
to {
|
|
transform: translate(-30px, 47px); } }
|
|
.firework2 {
|
|
animation: launchFirework 1412ms linear forwards, launchFirework2 723ms linear forwards; }
|
|
|
|
@keyframes launchFirework3 {
|
|
to {
|
|
transform: translate(-76px, 58px); } }
|
|
.firework3 {
|
|
animation: launchFirework 1091ms linear forwards, launchFirework3 996ms linear forwards; }
|
|
|
|
@keyframes launchFirework4 {
|
|
to {
|
|
transform: translate(42px, 75px); } }
|
|
.firework4 {
|
|
animation: launchFirework 880ms linear forwards, launchFirework4 1227ms linear forwards; }
|
|
|
|
@keyframes launchFirework5 {
|
|
to {
|
|
transform: translate(99px, 62px); } }
|
|
.firework5 {
|
|
animation: launchFirework 1032ms linear forwards, launchFirework5 1200ms linear forwards; }
|
|
|
|
@keyframes launchFirework6 {
|
|
to {
|
|
transform: translate(-96px, -76px); } }
|
|
.firework6 {
|
|
animation: launchFirework 1467ms linear forwards, launchFirework6 1483ms linear forwards; }
|
|
|
|
@keyframes launchFirework7 {
|
|
to {
|
|
transform: translate(-94px, -62px); } }
|
|
.firework7 {
|
|
animation: launchFirework 605ms linear forwards, launchFirework7 1467ms linear forwards; }
|
|
|
|
@keyframes launchFirework8 {
|
|
to {
|
|
transform: translate(-70px, -24px); } }
|
|
.firework8 {
|
|
animation: launchFirework 1164ms linear forwards, launchFirework8 839ms linear forwards; }
|
|
|
|
@keyframes launchFirework9 {
|
|
to {
|
|
transform: translate(21px, 88px); } }
|
|
.firework9 {
|
|
animation: launchFirework 1195ms linear forwards, launchFirework9 658ms linear forwards; }
|
|
|
|
@keyframes launchFirework10 {
|
|
to {
|
|
transform: translate(24px, 75px); } }
|
|
.firework10 {
|
|
animation: launchFirework 1243ms linear forwards, launchFirework10 1338ms linear forwards; }
|
|
|
|
@keyframes launchFirework11 {
|
|
to {
|
|
transform: translate(-91px, 53px); } }
|
|
.firework11 {
|
|
animation: launchFirework 660ms linear forwards, launchFirework11 1097ms linear forwards; }
|
|
|
|
@keyframes launchFirework12 {
|
|
to {
|
|
transform: translate(44px, 70px); } }
|
|
.firework12 {
|
|
animation: launchFirework 1072ms linear forwards, launchFirework12 1285ms linear forwards; }
|
|
|
|
@keyframes launchFirework13 {
|
|
to {
|
|
transform: translate(90px, -85px); } }
|
|
.firework13 {
|
|
animation: launchFirework 1159ms linear forwards, launchFirework13 1112ms linear forwards; }
|
|
|
|
@keyframes launchFirework14 {
|
|
to {
|
|
transform: translate(-43px, 73px); } }
|
|
.firework14 {
|
|
animation: launchFirework 1007ms linear forwards, launchFirework14 1361ms linear forwards; }
|
|
|
|
@keyframes launchFirework15 {
|
|
to {
|
|
transform: translate(-47px, -19px); } }
|
|
.firework15 {
|
|
animation: launchFirework 801ms linear forwards, launchFirework15 980ms linear forwards; }
|
|
|
|
@keyframes launchFirework16 {
|
|
to {
|
|
transform: translate(70px, 53px); } }
|
|
.firework16 {
|
|
animation: launchFirework 1232ms linear forwards, launchFirework16 1361ms linear forwards; }
|
|
|
|
@keyframes launchFirework17 {
|
|
to {
|
|
transform: translate(77px, -78px); } }
|
|
.firework17 {
|
|
animation: launchFirework 1275ms linear forwards, launchFirework17 743ms linear forwards; }
|
|
|
|
@keyframes launchFirework18 {
|
|
to {
|
|
transform: translate(78px, -21px); } }
|
|
.firework18 {
|
|
animation: launchFirework 605ms linear forwards, launchFirework18 797ms linear forwards; }
|
|
|
|
@keyframes launchFirework19 {
|
|
to {
|
|
transform: translate(99px, -67px); } }
|
|
.firework19 {
|
|
animation: launchFirework 1194ms linear forwards, launchFirework19 539ms linear forwards; }
|
|
|
|
@keyframes launchFirework20 {
|
|
to {
|
|
transform: translate(11px, -94px); } }
|
|
.firework20 {
|
|
animation: launchFirework 1099ms linear forwards, launchFirework20 653ms linear forwards; }
|
|
|
|
@keyframes launchFirework21 {
|
|
to {
|
|
transform: translate(97px, -8px); } }
|
|
.firework21 {
|
|
animation: launchFirework 1349ms linear forwards, launchFirework21 948ms linear forwards; }
|
|
|
|
@keyframes launchFirework22 {
|
|
to {
|
|
transform: translate(35px, 3px); } }
|
|
.firework22 {
|
|
animation: launchFirework 831ms linear forwards, launchFirework22 643ms linear forwards; }
|
|
|
|
@keyframes launchFirework23 {
|
|
to {
|
|
transform: translate(-81px, -40px); } }
|
|
.firework23 {
|
|
animation: launchFirework 1171ms linear forwards, launchFirework23 1023ms linear forwards; }
|
|
|
|
@keyframes launchFirework24 {
|
|
to {
|
|
transform: translate(-28px, 42px); } }
|
|
.firework24 {
|
|
animation: launchFirework 1414ms linear forwards, launchFirework24 1156ms linear forwards; }
|
|
|
|
@keyframes launchFirework25 {
|
|
to {
|
|
transform: translate(13px, -55px); } }
|
|
.firework25 {
|
|
animation: launchFirework 994ms linear forwards, launchFirework25 934ms linear forwards; }
|
|
|
|
@keyframes launchFirework26 {
|
|
to {
|
|
transform: translate(77px, 44px); } }
|
|
.firework26 {
|
|
animation: launchFirework 524ms linear forwards, launchFirework26 525ms linear forwards; }
|
|
|
|
@keyframes launchFirework27 {
|
|
to {
|
|
transform: translate(87px, -32px); } }
|
|
.firework27 {
|
|
animation: launchFirework 556ms linear forwards, launchFirework27 1129ms linear forwards; }
|
|
|
|
@keyframes launchFirework28 {
|
|
to {
|
|
transform: translate(-80px, 77px); } }
|
|
.firework28 {
|
|
animation: launchFirework 1256ms linear forwards, launchFirework28 1360ms linear forwards; }
|
|
|
|
@keyframes launchFirework29 {
|
|
to {
|
|
transform: translate(53px, 15px); } }
|
|
.firework29 {
|
|
animation: launchFirework 1157ms linear forwards, launchFirework29 778ms linear forwards; }
|
|
|
|
@keyframes launchFirework30 {
|
|
to {
|
|
transform: translate(11px, 82px); } }
|
|
.firework30 {
|
|
animation: launchFirework 925ms linear forwards, launchFirework30 1055ms linear forwards; }
|
|
|
|
@keyframes launchFirework31 {
|
|
to {
|
|
transform: translate(78px, -18px); } }
|
|
.firework31 {
|
|
animation: launchFirework 1366ms linear forwards, launchFirework31 760ms linear forwards; }
|
|
|
|
@keyframes launchFirework32 {
|
|
to {
|
|
transform: translate(-83px, 12px); } }
|
|
.firework32 {
|
|
animation: launchFirework 1370ms linear forwards, launchFirework32 1096ms linear forwards; }
|
|
|
|
@keyframes launchFirework33 {
|
|
to {
|
|
transform: translate(-98px, -35px); } }
|
|
.firework33 {
|
|
animation: launchFirework 1355ms linear forwards, launchFirework33 1423ms linear forwards; }
|
|
|
|
@keyframes launchFirework34 {
|
|
to {
|
|
transform: translate(-3px, 54px); } }
|
|
.firework34 {
|
|
animation: launchFirework 970ms linear forwards, launchFirework34 780ms linear forwards; }
|
|
|
|
@keyframes launchFirework35 {
|
|
to {
|
|
transform: translate(-62px, -44px); } }
|
|
.firework35 {
|
|
animation: launchFirework 1056ms linear forwards, launchFirework35 1175ms linear forwards; }
|
|
|
|
@keyframes launchFirework36 {
|
|
to {
|
|
transform: translate(-86px, -84px); } }
|
|
.firework36 {
|
|
animation: launchFirework 709ms linear forwards, launchFirework36 990ms linear forwards; }
|
|
|
|
@keyframes launchFirework37 {
|
|
to {
|
|
transform: translate(88px, -50px); } }
|
|
.firework37 {
|
|
animation: launchFirework 688ms linear forwards, launchFirework37 783ms linear forwards; }
|
|
|
|
@keyframes launchFirework38 {
|
|
to {
|
|
transform: translate(-19px, 10px); } }
|
|
.firework38 {
|
|
animation: launchFirework 586ms linear forwards, launchFirework38 608ms linear forwards; }
|
|
|
|
@keyframes launchFirework39 {
|
|
to {
|
|
transform: translate(-11px, -100px); } }
|
|
.firework39 {
|
|
animation: launchFirework 793ms linear forwards, launchFirework39 1179ms linear forwards; }
|
|
|
|
@keyframes launchFirework40 {
|
|
to {
|
|
transform: translate(-88px, 85px); } }
|
|
.firework40 {
|
|
animation: launchFirework 1095ms linear forwards, launchFirework40 511ms linear forwards; }
|
|
|
|
@keyframes launchFirework41 {
|
|
to {
|
|
transform: translate(69px, -95px); } }
|
|
.firework41 {
|
|
animation: launchFirework 828ms linear forwards, launchFirework41 847ms linear forwards; }
|
|
|
|
@keyframes launchFirework42 {
|
|
to {
|
|
transform: translate(90px, 41px); } }
|
|
.firework42 {
|
|
animation: launchFirework 788ms linear forwards, launchFirework42 748ms linear forwards; }
|
|
|
|
@keyframes launchFirework43 {
|
|
to {
|
|
transform: translate(-64px, -86px); } }
|
|
.firework43 {
|
|
animation: launchFirework 1195ms linear forwards, launchFirework43 1480ms linear forwards; }
|
|
|
|
@keyframes launchFirework44 {
|
|
to {
|
|
transform: translate(-54px, 48px); } }
|
|
.firework44 {
|
|
animation: launchFirework 1458ms linear forwards, launchFirework44 667ms linear forwards; }
|
|
|
|
@keyframes launchFirework45 {
|
|
to {
|
|
transform: translate(-3px, -86px); } }
|
|
.firework45 {
|
|
animation: launchFirework 849ms linear forwards, launchFirework45 1403ms linear forwards; }
|
|
|
|
@keyframes launchFirework46 {
|
|
to {
|
|
transform: translate(10px, -78px); } }
|
|
.firework46 {
|
|
animation: launchFirework 1140ms linear forwards, launchFirework46 1351ms linear forwards; }
|
|
|
|
@keyframes launchFirework47 {
|
|
to {
|
|
transform: translate(-62px, 81px); } }
|
|
.firework47 {
|
|
animation: launchFirework 807ms linear forwards, launchFirework47 597ms linear forwards; }
|
|
|
|
@keyframes launchFirework48 {
|
|
to {
|
|
transform: translate(-3px, -74px); } }
|
|
.firework48 {
|
|
animation: launchFirework 622ms linear forwards, launchFirework48 1007ms linear forwards; }
|
|
|
|
@keyframes launchFirework49 {
|
|
to {
|
|
transform: translate(-41px, 2px); } }
|
|
.firework49 {
|
|
animation: launchFirework 729ms linear forwards, launchFirework49 601ms linear forwards; }
|
|
|
|
@keyframes launchFirework50 {
|
|
to {
|
|
transform: translate(9px, 81px); } }
|
|
.firework50 {
|
|
animation: launchFirework 552ms linear forwards, launchFirework50 681ms linear forwards; }
|
|
|
|
/*# sourceMappingURL=Firework.css.map */
|