html css 烟花,纯CSS烟花

最新推荐文章于 2024-09-07 20:37:52 发布
最新推荐文章于 2024-09-07 20:37:52 发布
阅读量415 收藏
点赞数
文章标签： html css 烟花

css

@import url("https://fonts.googleapis.com/css?family=Concert+One");

html,

body {

width: 100%;

height: 100%;

background: -webkit-radial-gradient(bottom ellipse, #1b2735 0%, #090a0f 100%);

background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);

}

.text {

position: absolute;

left: 50%;

top: 50%;

width: 80%;

-webkit-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

text-align: center;

font-size: 10vw;

font-family: 'Concert One', cursive;

-webkit-animation: text-animation 5s linear infinite alternate;

animation: text-animation 5s linear infinite alternate;

}

@-webkit-keyframes text-animation {

from {

color: white;

text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;

}

to {

color: white;

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;

text-align: center;

}

}

@keyframes text-animation {

from {

color: white;

text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;

}

to {

color: white;

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;

text-align: center;

}

}

.bomb-rocket, .normal-rocket {

position: absolute;

bottom: 0;

width: 30px;

height: 30px;

border-radius: 100%;

-webkit-animation-timing-function: linear;

animation-timing-function: linear;

-webkit-animation-iteration-count: infinite;

animation-iteration-count: infinite;

}

.bomb-rocket:nth-child(1) {

left: 65vw;

-webkit-animation-name: bomb-rocket-animate-2;

animation-name: bomb-rocket-animate-2;

-webkit-animation-delay: 0.9s;

animation-delay: 0.9s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: red;

}

.normal-rocket:nth-child(16) {

left: 89vw;

-webkit-animation-name: normal-rocket-animate-2;

animation-name: normal-rocket-animate-2;

-webkit-animation-delay: 1s;

animation-delay: 1s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: deepskyblue;

}

.bomb-rocket:nth-child(2) {

left: 37vw;

-webkit-animation-name: bomb-rocket-animate-3;

animation-name: bomb-rocket-animate-3;

-webkit-animation-delay: 0.5s;

animation-delay: 0.5s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: turquoise;

}

.normal-rocket:nth-child(17) {

left: 56vw;

-webkit-animation-name: normal-rocket-animate-3;

animation-name: normal-rocket-animate-3;

-webkit-animation-delay: 0.6s;

animation-delay: 0.6s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: yellow;

}

.bomb-rocket:nth-child(3) {

left: 48vw;

-webkit-animation-name: bomb-rocket-animate-1;

animation-name: bomb-rocket-animate-1;

-webkit-animation-delay: 0.9s;

animation-delay: 0.9s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: turquoise;

}

.normal-rocket:nth-child(18) {

left: 85vw;

-webkit-animation-name: normal-rocket-animate-1;

animation-name: normal-rocket-animate-1;

-webkit-animation-delay: 1.6s;

animation-delay: 1.6s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: deepskyblue;

}

.bomb-rocket:nth-child(4) {

left: 73vw;

-webkit-animation-name: bomb-rocket-animate-2;

animation-name: bomb-rocket-animate-2;

-webkit-animation-delay: 1.9s;

animation-delay: 1.9s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: yellow;

}

.normal-rocket:nth-child(19) {

left: 13vw;

-webkit-animation-name: normal-rocket-animate-2;

animation-name: normal-rocket-animate-2;

-webkit-animation-delay: 0.9s;

animation-delay: 0.9s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: springgreen;

}

.bomb-rocket:nth-child(5) {

left: 81vw;

-webkit-animation-name: bomb-rocket-animate-3;

animation-name: bomb-rocket-animate-3;

-webkit-animation-delay: 0.5s;

animation-delay: 0.5s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: yellow;

}

.normal-rocket:nth-child(20) {

left: 66vw;

-webkit-animation-name: normal-rocket-animate-3;

animation-name: normal-rocket-animate-3;

-webkit-animation-delay: 1.9s;

animation-delay: 1.9s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: yellow;

}

.bomb-rocket:nth-child(6) {

left: 60vw;

-webkit-animation-name: bomb-rocket-animate-1;

animation-name: bomb-rocket-animate-1;

-webkit-animation-delay: 0.9s;

animation-delay: 0.9s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: turquoise;

}

.normal-rocket:nth-child(21) {

left: 95vw;

-webkit-animation-name: normal-rocket-animate-1;

animation-name: normal-rocket-animate-1;

-webkit-animation-delay: 1.4s;

animation-delay: 1.4s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: hotpink;

}

.bomb-rocket:nth-child(7) {

left: 99vw;

-webkit-animation-name: bomb-rocket-animate-2;

animation-name: bomb-rocket-animate-2;

-webkit-animation-delay: 0.7s;

animation-delay: 0.7s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: springgreen;

}

.normal-rocket:nth-child(22) {

left: 86vw;

-webkit-animation-name: normal-rocket-animate-2;

animation-name: normal-rocket-animate-2;

-webkit-animation-delay: 1.5s;

animation-delay: 1.5s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: hotpink;

}

.bomb-rocket:nth-child(8) {

left: 90vw;

-webkit-animation-name: bomb-rocket-animate-3;

animation-name: bomb-rocket-animate-3;

-webkit-animation-delay: 1s;

animation-delay: 1s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: deepskyblue;

}

.normal-rocket:nth-child(23) {

left: 81vw;

-webkit-animation-name: normal-rocket-animate-3;

animation-name: normal-rocket-animate-3;

-webkit-animation-delay: 0.9s;

animation-delay: 0.9s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: hotpink;

}

.bomb-rocket:nth-child(9) {

left: 95vw;

-webkit-animation-name: bomb-rocket-animate-1;

animation-name: bomb-rocket-animate-1;

-webkit-animation-delay: 2s;

animation-delay: 2s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: springgreen;

}

.normal-rocket:nth-child(24) {

left: 48vw;

-webkit-animation-name: normal-rocket-animate-1;

animation-name: normal-rocket-animate-1;

-webkit-animation-delay: 0.6s;

animation-delay: 0.6s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: red;

}

.bomb-rocket:nth-child(10) {

left: 85vw;

-webkit-animation-name: bomb-rocket-animate-2;

animation-name: bomb-rocket-animate-2;

-webkit-animation-delay: 1s;

animation-delay: 1s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: turquoise;

}

.normal-rocket:nth-child(25) {

left: 4vw;

-webkit-animation-name: normal-rocket-animate-2;

animation-name: normal-rocket-animate-2;

-webkit-animation-delay: 1.1s;

animation-delay: 1.1s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: springgreen;

}

.bomb-rocket:nth-child(11) {

left: 70vw;

-webkit-animation-name: bomb-rocket-animate-3;

animation-name: bomb-rocket-animate-3;

-webkit-animation-delay: 1.9s;

animation-delay: 1.9s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: yellow;

}

.normal-rocket:nth-child(26) {

left: 3vw;

-webkit-animation-name: normal-rocket-animate-3;

animation-name: normal-rocket-animate-3;

-webkit-animation-delay: 0.8s;

animation-delay: 0.8s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: springgreen;

}

.bomb-rocket:nth-child(12) {

left: 20vw;

-webkit-animation-name: bomb-rocket-animate-1;

animation-name: bomb-rocket-animate-1;

-webkit-animation-delay: 2s;

animation-delay: 2s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: turquoise;

}

.normal-rocket:nth-child(27) {

left: 3vw;

-webkit-animation-name: normal-rocket-animate-1;

animation-name: normal-rocket-animate-1;

-webkit-animation-delay: 0.5s;

animation-delay: 0.5s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: red;

}

.bomb-rocket:nth-child(13) {

left: 88vw;

-webkit-animation-name: bomb-rocket-animate-2;

animation-name: bomb-rocket-animate-2;

-webkit-animation-delay: 1.3s;

animation-delay: 1.3s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: deepskyblue;

}

.normal-rocket:nth-child(28) {

left: 1vw;

-webkit-animation-name: normal-rocket-animate-2;

animation-name: normal-rocket-animate-2;

-webkit-animation-delay: 0.7s;

animation-delay: 0.7s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: deepskyblue;

}

.bomb-rocket:nth-child(14) {

left: 74vw;

-webkit-animation-name: bomb-rocket-animate-3;

animation-name: bomb-rocket-animate-3;

-webkit-animation-delay: 1s;

animation-delay: 1s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: turquoise;

}

.normal-rocket:nth-child(29) {

left: 46vw;

-webkit-animation-name: normal-rocket-animate-3;

animation-name: normal-rocket-animate-3;

-webkit-animation-delay: 0.4s;

animation-delay: 0.4s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: yellow;

}

.bomb-rocket:nth-child(15) {

left: 59vw;

-webkit-animation-name: bomb-rocket-animate-1;

animation-name: bomb-rocket-animate-1;

-webkit-animation-delay: 2s;

animation-delay: 2s;

-webkit-animation-duration: 4s;

animation-duration: 4s;

color: deepskyblue;

}

.normal-rocket:nth-child(30) {

left: 57vw;

-webkit-animation-name: normal-rocket-animate-1;

animation-name: normal-rocket-animate-1;

-webkit-animation-delay: 1.1s;

animation-delay: 1.1s;

-webkit-animation-duration: 5s;

animation-duration: 5s;

color: red;

}

@-webkit-keyframes bomb-rocket-animate-1 {

0% {

-webkit-transform: rotate(-10deg) translateY(0) scale(0);

transform: rotate(-10deg) translateY(0) scale(0);

opacity: 1;

box-shadow: none;

}

0.1% {

-webkit-transform: rotate(-10deg) translateY(0) scale(0.1, 0.5);

transform: rotate(-10deg) translateY(0) scale(0.1, 0.5);

background: -webkit-linear-gradient(top, currentColor 0%, #000000 80%);

background: linear-gradient(180deg, currentColor 0%, #000000 80%);

box-shadow: none;

opacity: 1;

}

50% {

-webkit-transform: rotate(-10deg) translateY(-50vh) scale(0.1, 0.5);

transform: rotate(-10deg) translateY(-50vh) scale(0.1, 0.5);

background: -webkit-linear-gradient(top, currentColor 0%, #000000 80%);

background: linear-gradient(180deg, currentColor 0%, #000000 80%);

box-shadow: none;

opacity: 1;

}

50.1% {

-webkit-transform: rotate(-10deg) translateY(-50vh) scale(0.1);

transform: rotate(-10deg) translateY(-50vh) scale(0.1);

background: transparent;

box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor;

opacity: 1;

}

75% {

-webkit-transform: rotate(-10deg) translateY(-50vh) scale(0.1);

transform: rotate(-10deg) translateY(-50vh) scale(0.1);

background: transparent;

box-shadow: 500px 0px 5px #fff, 500px 0px 10px #fff, 500px 0px 20px currentColor, 500px 0px 30px currentColor, 500px 0px 40px currentColor, 500px 0px 55px currentColor, 500px 0px 75px currentColor, 344.68271px 60.77686px 5px #fff, 344.68271px 60.77686px 10px #fff, 344.68271px 60.77686px 20px currentColor, 344.68271px 60.77686px 30px currentColor, 344.68271px 60.77686px 40px currentColor, 344.68271px 60.77686px 55px currentColor, 344.68271px 60.77686px 75px currentColor, 187.93852px 68.40403px 5px #fff, 187.93852px 68.40403px 10px #fff, 187.93852px 68.40403px 20px currentColor, 187.93852px 68.40403px 30px currentColor, 187.93852px 68.40403px 40px currentColor, 187.93852px 68.40403px 55px currentColor, 187.93852px 68.40403px 75px currentColor, 433.0127px 250px 5px #fff, 433.0127px 250px 10px #fff, 433.0127px 250px 20px currentColor, 433.0127px 250px 30px currentColor, 433.0127px 250px 40px currentColor, 433.0127px 250px 55px currentColor, 433.0127px 250px 75px currentColor, 268.11556px 224.97566px 5px #fff, 268.11556px 224.97566px 10px #fff, 268.11556px 224.97566px 20px currentColor, 268.11556px 224.97566px 30px currentColor, 268.11556px 224.97566px 40px currentColor, 268.11556px 224.97566px 55px currentColor, 268.11556px 224.97566px 75px currentColor, 128.55752px 153.20889px 5px #fff, 128.55752px 153.20889px 10px #fff, 128.55752px 153.20889px 20px currentColor, 128.55752px 153.20889px 30px currentColor, 128.55752px 153.20889px 40px currentColor, 128.55752px 153.20889px 55px currentColor, 128.55752px 153.20889px 75px currentColor, 250px 433.0127px 5px #fff, 250px 433.0127px 10px #fff, 250px 433.0127px 20px currentColor, 250px 433.0127px 30px currentColor, 250px 433.0127px 40px currentColor, 250px 433.0127px 55px currentColor, 250px 433.0127px 75px currentColor, 119.70705px 328.89242px 5px #fff, 119.70705px 328.89242px 10px #fff, 119.70705px 328.89242px 20px currentColor, 119.70705px 328.89242px 30px currentColor, 119.70705px 328.89242px 40px currentColor, 119.70705px 328.89242px 55px currentColor, 119.70705px 328.89242px 75px currentColor, 34.72964px 196.96155px 5px #fff, 34.72964px 196.96155px 10px #fff, 34.72964px 196.96155px 20px currentColor, 34.72964px 196.96155px 30px currentColor, 34.72964px 196.96155px 40px currentColor, 34.72964px 196.96155px 55px currentColor, 34.72964px 196.96155px 75px currentColor, 0px 500px 5px #fff, 0px 500px 10px #fff, 0px 500px 20px currentColor, 0px 500px 30px currentColor, 0px 500px 40px currentColor, 0px 500px 55px currentColor, 0px 500px 75px currentColor, -60.77686px 344.68271px 5px #fff, -60.77686px 344.68271px 10px #fff, -60.77686px 344.68271px 20px currentColor, -60.77686px 344.68271px 30px currentColor, -60.77686px 344.68271px 40px currentColor, -60.77686px 344.68271px 55px currentColor, -60.77686px 344.68271px 75px currentColor, -68.40403px 187.93852px 5px #fff, -68.40403px 187.93852px 10px #fff, -68.40403px 187.93852px 20px currentColor, -68.40403px 187.93852px 30px currentColor, -68.40403px 187.93852px 40px currentColor, -68.40403px 187.93852px 55px currentColor, -68.40403px 187.93852px 75px currentColor, -250px 433.0127px 5px #fff, -250px 433.0127px 10px #fff, -250px 433.0127px 20px currentColor, -250px 433.0127px 30px currentColor, -250px 433.0127px 40px currentColor, -250px 433.0127px 55px currentColor, -250px 433.0127px 75px currentColor, -224.97566px 268.11556px 5px #fff, -224.97566px 268.11556px 10px #fff, -224.97566px 268.11556px 20px currentColor, -224.97566px 268.11556px 30px currentColor, -224.97566px 268.11556px 40px currentColor, -224.97566px 268.11556px 55px currentColor, -224.97566px 268.11556px 75px currentColor, -153.20889px 128.55752px 5px #fff, -153.20889px 128.55752px 10px #fff, -153.20889px 128.55752px 20px currentColor, -153.20889px 128.55752px 30px currentColor, -153.20889px 128.55752px 40px currentColor, -153.20889px 128.55752px 55px currentColor, -153.20889px 128.55752px 75px currentColor, -433.0127px 250px 5px #fff, -433.0127px 250px 10px #fff, -433.0127px 250px 20px currentColor, -433.0127px 250px 30px currentColor, -433.0127px 250px 40px currentColor, -433.0127px 250px 55px currentColor, -433.0127px 250px 75px currentColor, -328.89242px 119.70705px 5px #fff, -328.89242px 119.70705px 10px #fff, -328.89242px 119.70705px 20px currentColor, -328.89242px 119.70705px 30px currentColor, -328.89242px 119.70705px 40px currentColor, -328.89242px 119.70705px 55px currentColor, -328.89242px 119.70705px 75px currentColor, -196.96155px 34.72964px 5px #fff, -196.96155px 34.72964px 10px #fff, -196.96155px 34.72964px 20px currentColor, -196.96155px 34.72964px 30px currentColor, -196.96155px 34.72964px 40px currentColor, -196.96155px 34.72964px 55px currentColor, -196.96155px 34.72964px 75px currentColor, -500px 0px 5px #fff, -500px 0px 10px #fff, -500px 0px 20px currentColor, -500px 0px 30px currentColor, -500px 0px 40px currentColor, -500px 0px 55px currentColor, -500px 0px 75px currentColor, -344.68271px -60.77686px 5px #fff, -344.68271px -60.77686px 10px #fff, -344.68271px -60.77686px 20px currentColor, -344.68271px -60.77686px 30px currentColor, -344.68271px -60.77686px 40px currentColor, -344.68271px -60.77686px 55px currentColor, -344.68271px -60.77686px 75px currentColor, -187.93852px -68.40403px 5px #fff, -187.93852px -68.40403px 10px #fff, -187.93852px -68.40403px 20px currentColor, -187.93852px -68.40403px 30px currentColor, -187.93852px -68.40403px 40px currentColor, -187.93852px -68.40403px 55px currentColor, -187.93852px -68.40403px 75px currentColor, -433.0127px -250px 5px #fff, -433.0127px -250px 10px #fff, -433.0127px -250px 20px currentColor, -433.0127px -250px 30px currentColor, -433.0127px -250px 40px currentColor, -433.0127px -250px 55px currentColor, -433.0127px -250px 75px currentColor, -268.11555px -224.97566px 5px #fff, -268.11555px -224.97566px 10px #fff, -268.11555px -224.97566px 20px currentColor, -268.11555px -224.97566px 30px currentColor, -268.11555px -224.97566px 40px currentColor, -268.11555px -224.97566px 55px currentColor, -268.11555px -224.97566px 75px currentColor, -128.55752px -153.20889px 5px #fff, -128.55752px -153.20889px 10px #fff, -128.55752px -153.20889px 20px currentColor, -128.55752px -153.20889px 30px currentColor, -128.55752px -153.20889px 40px currentColor, -128.55752px -153.20889px 55px currentColor, -128.55752px -153.20889px 75px currentColor, -249.99998px -433.0127px 5px #fff, -249.99998px -433.0127px 10px #fff, -249.99998px -433.0127px 20px currentColor, -249.99998px -433.0127px 30px currentColor, -249.99998px -433.0127px 40px currentColor, -249.99998px -433.0127px 55px currentColor, -249.99998px -433.0127px 75px currentColor, -119.70701px -328.89241px 5px #fff, -119.70701px -328.89241px 10px #fff, -119.70701px -328.89241px 20px currentColor, -119.70701px -328.89241px 30px currentColor, -119.70701px -328.89241px 40px currentColor, -119.70701px -328.89241px 55px currentColor, -119.70701px -328.89241px 75px currentColor, -34.72959px -196.96154px 5px #fff, -34.72959px -196.96154px 10px #fff, -34.72959px -196.96154px 20px currentColor, -34.72959px -196.96154px 30px currentColor, -34.72959px -196.96154px 40px currentColor, -34.72959px -196.96154px 55px currentColor, -34.72959px -196.96154px 75px currentColor, 0.00028px -499.99994px 5px #fff, 0.00028px -499.99994px 10px #fff, 0.00028px -499.99994px 20px currentColor, 0.00028px -499.99994px 30px currentColor, 0.00028px -499.99994px 40px currentColor, 0.00028px -499.99994px 55px currentColor, 0.00028px -499.99994px 75px currentColor, 60.77729px -344.68262px 5px #fff, 60.77729px -344.68262px 10px #fff, 60.77729px -344.68262px 20px currentColor, 60.77729px -344.68262px 30px currentColor, 60.77729px -344.68262px 40px currentColor, 60.77729px -344.68262px 55px currentColor, 60.77729px -344.68262px 75px currentColor, 68.40456px -187.93841px 5px #fff, 68.40456px -187.93841px 10px #fff, 68.40456px -187.93841px 20px currentColor, 68.40456px -187.93841px 30px currentColor, 68.40456px -187.93841px 40px currentColor, 68.40456px -187.93841px 55px currentColor, 68.40456px -187.93841px 75px currentColor, 250.00279px -433.01207px 5px #fff, 250.00279px -433.01207px 10px #fff, 250.00279px -433.01207px 20px currentColor, 250.00279px -433.01207px 30px currentColor, 250.00279px -433.01207px 40px currentColor, 250.00279px -433.01207px 55px currentColor, 250.00279px -433.01207px 75px currentColor, 224.97966px -268.11461px 5px #fff, 224.97966px -268.11461px 10px #fff, 224.97966px -268.11461px 20px currentColor, 224.97966px -268.11461px 30px currentColor, 224.97966px -268.11461px 40px currentColor, 224.97966px -268.11461px 55px currentColor, 224.97966px -268.11461px 75px currentColor, 153.21347px -128.55641px 5px #fff, 153.21347px -128.55641px 10px #fff, 153.21347px -128.55641px 20px currentColor, 153.21347px -128.55641px 30px currentColor, 153.21347px -128.55641px 40px currentColor, 153.21347px -128.55641px 55px currentColor, 153.21347px -128.55641px 75px currentColor, 433.03515px -249.99435px 5px #fff, 433.03515px -249.99435px 10px #fff, 433.03515px -249.99435px 20px currentColor, 433.03515px -249.99435px 30px currentColor, 433.03515px -249.99435px 40px currentColor, 433.03515px -249.99435px 55px currentColor, 433.03515px -249.99435px 75px currentColor, 328.92262px -119.69922px 5px #fff, 328.92262px -119.69922px 10px #fff, 328.92262px -119.69922px 20px currentColor, 328.92262px -119.69922px 30px currentColor, 328.92262px -119.69922px 40px currentColor, 328.92262px -119.69922px 55px currentColor, 328.92262px -119.69922px 75px currentColor, 196.99409px -34.72095px 5px #fff, 196.99409px -34.72095px 10px #fff, 196.99409px -34.72095px 20px currentColor, 196.99409px -34.72095px 30px currentColor, 196.99409px -34.72095px 40px currentColor, 196.99409px -34.72095px 55px currentColor, 196.99409px -34.72095px 75px currentColor;

opacity: 1;

}

100% {

-webkit-transform: rotate(-10deg) translateY(-50vh) scale(0.1);

transform: rotate(-10deg) translateY(-50vh) scale(0.1);

background: transparent;

box-shadow: 500px 0px 5px #fff, 500px 0px 10px #fff, 500px 0px 20px currentColor, 500px 0px 30px currentColor, 500px 0px 40px currentColor, 500px 0px 55px currentColor, 500px 0px 75px currentColor, 344.68271px 60.77686px 5px #fff, 344.68271px 60.77686px 10px #fff, 344.68271px 60.77686px 20px currentColor, 344.68271px 60.77686px 30px currentColor, 344.68271px 60.77686px 40px currentColor, 344.68271px 60.77686px 55px currentColor, 344.68271px 60.77686px 75px currentColor, 187.93852px 68.40403px 5px #fff, 187.93852px 68.40403px 10px #fff, 187.93852px 68.40403px 20px currentColor, 187.93852px 68.40403px 30px currentColor, 187.93852px 68.40403px 40px currentColor, 187.93852px 68.40403px 55px currentColor, 187.93852px 68.40403px 75px currentColor, 433.0127px 250px 5px #fff, 433.0127px 250px 10px #fff, 433.0127px 250px 20px currentColor, 433.0127px 250px 30px currentColor, 433.0127px 250px 40px currentColor, 433.0127px 250px 55px currentColor, 433.0127px 250px 75px currentColor, 268.11556px 224.97566px 5px #fff, 268.11556px 224.97566px 10px #fff, 268.11556px 224.97566px 20px currentColor, 268.11556px 224.97566px 30px currentColor, 268.11556px 224.97566px 40px currentColor, 268.11556px 224.97566px 55px currentColor, 268.11556px 224.97566px 75px currentColor, 128.55752px 153.20889px 5px #fff, 128.55752px 153.20889px 10px #fff, 128.55752px 153.20889px 20px currentColor, 128.55752px 153.20889px 30px currentColor, 128.55752px 153.20889px 40px currentColor, 128.55752px 153.20889px 55px currentColor, 128.55752px 153.20889px 75px currentColor, 250px 433.0127px 5px #fff, 250px 433.0127px 10px #fff, 250px 433.0127px 20px currentColor, 250px 433.0127px 30px currentColor, 250px 433.0127px 40px currentColor, 250px 433.0127px 55px currentColor, 250px 433.0127px 75px currentColor, 119.70705px 328.89242px 5px #fff, 119.70705px 328.89242px 10px #fff, 119.70705px 328.89242px 20px currentColor, 119.70705px 328.89242px 30px currentColor, 119.70705px 328.89242px 40px currentColor, 119.70705px 328.89242px 55px currentColor, 119.70705px 328.89242px 75px currentColor, 34.72964px 196.96155px 5px #fff, 34.72964px 196.96155px 10px #fff, 34.72964px 196.96155px 20px currentColor, 34.72964px 196.96155px 30px currentColor, 34.72964px 196.96155px 40px currentColor, 34.72964px 196.96155px 55px currentColor, 34.72964px 196.96155px 75px currentColor, 0px 500px 5px #fff, 0px 500px 10px #fff, 0px 500px 20px currentColor, 0px 500px 30px currentColor, 0px 500px 40px currentColor, 0px 500px 55px currentColor, 0px 500px 75px currentColor, -60.77686px 344.68271px 5px #fff, -60.77686px 344.68271px 10px #fff, -60.77686px 344.68271px 20px currentColor, -60.77686px 344.68271px 30px currentColor, -60.77686px 344.68271px 40px currentColor, -60.77686px 344.68271px 55px currentColor, -60.77686px 344.68271px 75px currentColor, -68.40403px 187.93852px 5px #fff, -68.40403px 187.93852px 10px #fff, -68.40403px 187.93852px 20px currentColor, -68.40403px 187.93852px 30px currentColor, -68.40403px 187.93852px 40px currentColor, -68.40403px 187.93852px 55px currentColor, -68.40403px 187.93852px 75px currentColor, -250px 433.0127px 5px #fff, -250px 433.0127px 10px #fff, -250px 433.0127px 20px currentColor, -250px 433.0127px 30px currentColor, -250px 433.0127px 40px currentColor, -250px 433.0127px 55px currentColor, -250px 433.0127px 75px currentColor, -224.97566px 268.11556px 5px #fff, -224.97566px 268.11556px 10px #fff, -224.97566px 268.11556px 20px currentColor, -224.97566px 268.11556px 30px currentColor, -224.97566px 268.11556px 40px currentColor, -224.97566px 268.11556px 55px currentColor, -224.97566px 268.11556px 75px currentColor, -153.20889px 128.55752px 5px #fff, -153.20889px 128.55752px 10px #fff, -153.20889px 128.55752px 20px currentColor, -153.20889px 128.55752px 30px currentColor, -153.20889px 128.55752px 40px currentColor, -153.20889px 128.55752px 55px currentColor, -153.20889px 128.55752px 75px currentColor, -433.0127px 250px 5px #fff, -433.0127px 250px 10px #fff, -433.0127px 250px 20px currentColor, -433.0127px 250px 30px currentColor, -433.0127px 250px 40px currentColor, -433.0127px 250px 55px currentColor, -433.0127px 250px 75px currentColor, -328.89242px 119.70705px 5px #fff, -328.89242px 119.70705px 10px #fff, -328.89242px 119.70705px 20px currentColor, -328.89242px 119.70705px 30px currentColor, -328.89242px 119.70705px 40px currentColor, -328.89242px 119.70705px 55px currentColor, -328.89242px 119.70705px 75px currentColor, -196.96155px 34.72964px 5px #fff, -196.96155px 34.72964px 10px #fff, -196.96155px 34.72964px 20px currentColor, -196.96155px 34.72964px 30px currentColor, -196.96155px 34.72964px 40px currentColor, -196.96155px 34.72964px 55px currentColor, -196.96155px 34.72964px 75px currentColor, -500px 0px 5px #fff, -500px 0px 10px #fff, -500px 0px 20px currentColor, -500px 0px 30px currentColor, -500px 0px 40px currentColor, -500px 0px 55px currentColor, -500px 0px 75px currentColor, -344.68271px -60.77686px 5px #fff, -344.68271px -60.77686px 10px #fff, -344.68271px -60.77686px 20px currentColor, -344.68271px -60.77686px 30px currentColor, -344.68271px -60.77686px 40px currentColor, -344.68271px -60.77686px 55px currentColor, -344.68271px -60.77686px 75px currentColor, -187.93852px -68.40403px 5px #fff, -187.93852px -68.40403px 10px #fff, -187.93852px -68.40403px 20px currentColor, -187.93852px -68.40403px 30px currentColor, -187.93852px -68.40403px 40px currentColor, -187.93852px -68.40403px 55px currentColor, -187.93852px -68.40403px 75px currentColor, -433.0127px -250px 5px #fff, -433.0127px -250px 10px #fff, -433.0127px -250px 20px currentColor, -433.0127px -250px 30px currentColor, -433.0127px -250px 40px currentColor, -433.0127px -250px 55px currentColor, -433.0127px -250px 75px currentColor, -268.11555px -224.97566px 5px #fff, -268.11555px -224.97566px 10px #fff, -268.11555px -224.97566px 20px currentColor, -268.11555px -224.97566px 30px currentColor, -268.11555px -224.97566px 40px currentColor, -268.11555px -224.97566px 55px currentColor, -268.11555px -224.97566px 75px currentColor, -128.55752px -153.20889px 5px #fff, -128.55752px -153.20889px 10px #fff, -128.55752px -153.20889px 20px currentColor, -128.55752px -153.20889px 30px currentColor, -128.55752px -153.20889px 40px currentColor, -128.55752px -153.20889px 55px currentColor, -128.55752px -153.20889px 75px currentColor, -249.99998px -433.0127px 5px #fff, -249.99998px -433.0127px 10px #fff, -249.99998px -433.0127px 20px currentColor, -249.99998px -433.0127px 30px currentColor, -249.99998px -433.0127px 40px currentColor, -249.99998px -433.0127px 55px currentColor, -249.99998px -433.0127px 75px currentColor, -119.70701px -328.89241px 5px #fff, -119.70701px -328.89241px 10px #fff, -119.70701px -328.89241px 20px currentColor, -119.70701px -328.89241px 30px currentColor, -119.70701px -328.89241px 40px currentColor, -119.70701px -328.89241px 55px currentColor, -119.70701px -328.89241px 75px currentColor, -34.72959px -196.96154px 5px #fff, -34.72959px -196.96154px 10px #fff, -34.72959px -196.96154px 20px currentColor, -34.72959px -196.96154px 30px currentColor, -34.72959px -196.96154px 40px currentColor, -34.72959px -196.96154px 55px currentColor, -34.72959px -196.96154px 75px currentColor, 0.00028px -499.99994px 5px #fff, 0.00028px -499.99994px 10px #fff, 0.00028px -499.99994px 20px currentColor, 0.00028px -499.99994px 30px currentColor, 0.00028px -499.99994px 40px currentColor, 0.00028px -499.99994px 55px currentColor, 0.00028px -499.99994px 75px currentColor, 60.77729px -344.68262px 5px #fff, 60.77729px -344.68262px 10px #fff, 60.77729px -344.68262px 20px currentColor, 60.77729px -344.68262px 30px currentColor, 60.77729px -344.68262px 40px currentColor, 60.77729px -344.68262px 55px currentColor, 60.77729px -344.68262px 75px currentColor, 68.40456px -187.93841px 5px #fff, 68.40456px -187.93841px 10px #fff, 68.40456px -187.93841px 20px currentColor, 68.40456px -187.93841px 30px currentColor, 68.40456px -187.93841px 40px currentColor, 68.40456px -187.93841px 55px currentColor, 68.40456px -187.93841px 75px currentColor, 250.00279px -433.01207px 5px #fff, 250.00279px -433.01207px 10px #fff, 250.00279px -433.01207px 20px currentColor, 250.00279px -433.01207px 30px currentColor, 250.00279px -433.01207px 40px currentColor, 250.00279px -433.01207px 55px currentColor, 250.00279px -433.01207px 75px currentColor, 224.97966px -268.11461px 5px #fff, 224.97966px -268.11461px 10px #fff, 224.97966px -268.11461px 20px currentColor, 224.97966px -268.11461px 30px currentColor, 224.97966px -268.11461px 40px currentColor, 224.97966px -268.11461px 55px currentColor, 224.97966px -268.11461px 75px currentColor, 153.21347px -128.55641px 5px #fff, 153.21347px -128.55641px 10px #fff, 153.21347px -128.55641px 20px currentColor, 153.21347px -128.55641px 30px currentColor, 153.21347px -128.55641px 40px currentColor, 153.21347px -128.55641px 55px currentColor, 153.21347px -128.55641px 75px currentColor, 433.03515px -249.99435px 5px #fff, 433.03515px -249.99435px 10px #fff, 433.03515px -249.99435px 20px currentColor, 433.03515px -249.99435px 30px currentColor, 433.03515px -249.99435px 40px currentColor, 433.03515px -249.99435px 55px currentColor, 433.03515px -249.99435px 75px currentColor, 328.92262px -119.69922px 5px #fff, 328.92262px -119.69922px 10px #fff, 328.92262px -119.69922px 20px currentColor, 328.92262px -119.69922px 30px currentColor, 328.92262px -119.69922px 40px currentColor, 328.92262px -119.69922px 55px currentColor, 328.92262px -119.69922px 75px currentColor, 196.99409px -34.72095px 5px #fff, 196.99409px -34.72095px 10px #fff, 196.99409px -34.72095px 20px currentColor, 196.99409px -34.72095px 30px currentColor, 196.99409px -34.72095px 40px currentColor, 196.99409px -34.72095px 55px currentColor, 196.99409px -34.72095px 75px currentColor;

opacity: 0;

}

}

@keyframes bomb-rocket-animate-1 {

0% {

-webkit-transform: rotate(-10deg) translateY(0) scale(0);

transform: rotate(-10deg) translateY(0) scale(0);

opacity: 1;

box-shadow: none;

}

0.1% {

-webkit-transform: rotate(-10deg) translateY(0) scale(0.1, 0.5);

transform: rotate(-10deg) translateY(0) scale(0.1, 0.5);

background: -webkit-linear-gradient(top, currentColor 0%, #000000 80%);

background: linear-gradient(180deg, currentColor 0%, #000000 80%);

box-shadow: none;

opacity: 1;

}

50% {

-webkit-transform: rotate(-10deg) translateY(-50vh) scale(0.1, 0.5);

transform: rotate(-10deg) translateY(-50vh) scale(0.1, 0.5);

background: -webkit-linear-gradient(top, currentColor 0%, #000000 80%);

background: linear-gradient(180deg, currentColor 0%, #000000 80%);

box-shadow: none;

opacity: 1;

}

50.1% {

-webkit-transform: rotate(-10deg) translateY(-50vh) scale(0.1);

transform: rotate(-10deg) translateY(-50vh) scale(0.1);

background: transparent;

box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor;

opacity: 1;

}

75% {

-webkit-transform: rotate(-10deg) translateY(-50vh) scale(0.1);

transform: rotate(-10deg) translateY(-50vh) scale(0.1);

background: transparent;

box-shadow: 500px 0px 5px #fff, 500px 0px 10px #fff, 500px 0px 20px currentColor, 500px 0px 30px currentColor, 500px 0px 40px currentColor, 500px 0px 55px currentColor, 500px 0px 75px currentColor, 344.68271px 60.77686px 5px #fff, 344.68271px 60.77686px 10px #fff, 344.68271px 60.77686px 20px currentColor, 344.68271px 60.77686px 30px currentColor, 344.68271px 60.77686px 40px currentColor, 344.68271px 60.77686px 55px currentColor, 344.68271px 60.77686px 75px currentColor, 187.93852px 68.40403px 5px #fff, 187.93852px 68.40403px 10px #fff, 187.93852px 68.40403px 20px currentColor, 187.93852px 68.40403px 30px currentColor, 187.93852px 68.40403px 40px currentColor, 187.93852px 68.40403px 55px currentColor, 187.93852px 68.40403px 75px currentColor, 433.0127px 250px 5px #fff, 433.0127px 250px 10px #fff, 433.0127px 250px 20px currentColor, 433.0127px 250px 30px currentColor, 433.0127px 250px 40px currentColor, 433.0127px 250px 55px currentColor, 433.0127px 250px 75px currentColor, 268.11556px 224.97566px 5px #fff, 268.11556px 224.97566px 10px #fff, 268.11556px 224.97566px 20px currentColor, 268.11556px 224.97566px 30px currentColor, 268.11556px 224.97566px 40px currentColor, 268.11556px 224.97566px 55px currentColor, 268.11556px 224.97566px 75px currentColor, 128.55752px 153.20889px 5px #fff, 128.55752px 153.20889px 10px #fff, 128.55752px 153.20889px 20px currentColor, 128.55752px 153.20889px 30px currentColor, 128.55752px 153.20889px 40px currentColor, 128.55752px 153.20889px 55px currentColor, 128.55752px 153.20889px 75px currentColor, 250px 433.0127px 5px #fff, 250px 433.0127px 10px #fff, 250px 433.0127px 20px currentColor, 250px 433.0127px 30px currentColor, 250px 433.0127px 40px currentColor, 250px 433.0127px 55px currentColor, 250px 433.0127px 75px currentColor, 119.70705px 328.89242px 5px #fff, 119.70705px 328.89242px 10px #fff, 119.70705px 328.89242px 20px currentColor, 119.70705px 328.89242px 30px currentColor, 119.70705px 328.89242px 40px currentColor, 119.70705px 328.89242px 55px currentColor, 119.70705px 328.89242px 75px currentColor, 34.72964px 196.96155px 5px #fff, 34.72964px 196.96155px 10px #fff, 34.72964px 196.96155px 20px currentColor, 34.72964px 196.96155px 30px currentColor, 34.72964px 196.96155px 40px currentColor, 34.72964px 196.96155px 55px currentColor, 34.72964px 196.96155px 75px currentColor, 0px 500px 5px #fff, 0px 500px 10px #fff, 0px 500px 20px currentColor, 0px 500px 30px currentColor, 0px 500px 40px currentColor, 0px 500px 55px currentColor, 0px 500px 75px currentColor, -60.77686px 344.68271px 5px #fff, -60.77686px 344.68271px 10px #fff, -60.77686px 344.68271px 20px currentColor, -60.77686px 344.68271px 30px currentColor, -60.77686px 344.68271px 40px currentColor, -60.77686px 344.68271px 55px currentColor, -60.77686px 344.68271px 75px currentColor, -68.40403px 187.93852px 5px #fff, -68.40403px 187.93852px 10px #fff, -68.40403px 187.93852px 20px currentColor, -68.40403px 187.93852px 30px currentColor, -68.40403px 187.93852px 40px currentColor, -68.40403px 187.93852px 55px currentColor, -68.40403px 187.93852px 75px currentColor, -250px 433.0127px 5px #fff, -250px 433.0127px 10px #fff, -250px 433.0127px 20px currentColor, -250px 433.0127px 30px currentColor, -250px 433.0127px 40px currentColor, -250px 433.0127px 55px currentColor, -250px 433.0127px 75px currentColor, -224.97566px 268.11556px 5px #fff, -224.97566px 268.11556px 10px #fff, -224.97566px 268.11556px 20px currentColor, -224.97566px 268.11556px 30px currentColor, -224.97566px 268.11556px 40px currentColor, -224.97566px 268.11556px 55px currentColor, -224.97566px 268.11556px 75px currentColor, -153.20889px 128.55752px 5px #fff, -153.20889px 128.55752px 10px #fff, -153.20889px 128.55752px 20px currentColor, -153.20889px 128.55752px 30px currentColor, -153.20889px 128.55752px 40px currentColor, -153.20889px 128.55752px 55px currentColor, -153.20889px 128.55752px 75px currentColor, -433.0127px 250px 5px #fff, -433.0127px 250px 10px #fff, -433.0127px 250px 20px currentColor, -433.0127px 250px 30px currentColor, -433.0127px 250px 40px currentColor, -433.0127px 250px 55px currentColor, -433.0127px 250px 75px currentColor, -328.89242px 119.70705px 5px #fff, -328.89242px 119.70705px 10px #fff, -328.89242px 119.70705px 20px currentColor, -328.89242px 119.70705px 30px currentColor, -328.89242px 119.70705px 40px currentColor, -328.89242px 119.70705px 55px currentColor, -328.89242px 119.70705px 75px currentColor, -196.96155px 34.72964px 5px #fff, -196.96155px 34.72964px 10px #fff, -196.96155px 34.72964px 20px currentColor, -196.96155px 34.72964px 30px currentColor, -196.96155px 34.72964px 40px currentColor, -196.96155px 34.72964px 55px currentColor, -196.96155px 34.72964px 75px currentColor, -500px 0px 5px #fff, -500px 0px 10px #fff, -500px 0px 20px currentColor, -500px 0px 30px currentColor, -500px 0px 40px currentColor, -500px 0px 55px currentColor, -500px 0px 75px currentColor, -344.68271px -60.77686px 5px #fff, -344.68271px -60.77686px 10px #fff, -344.68271px -60.77686px 20px currentColor, -344.68271px -60.77686px 30px currentColor, -344.68271px -60.77686px 40px currentColor, -344.68271px -60.77686px 55px currentColor, -344.68271px -60.77686px 75px currentColor, -187.93852px -68.40403px 5px #fff, -187.93852px -68.40403px 10px #fff, -187.93852px -68.40403px 20px currentColor, -187.93852px -68.40403px 30px currentColor, -187.93852px -68.40403px 40px currentColor, -187.93852px -68.40403px 55px currentColor, -187.93852px -68.40403px 75px currentColor, -433.0127px -250px 5px #fff, -433.0127px -250px 10px #fff, -433.0127px -250px 20px currentColor, -433.0127px -250px 30px currentColor, -433.0127px -250px 40px currentColor, -433.0127px -250px 55px currentColor, -433.0127px -250px 75px currentColor, -268.11555px -224.97566px 5px #fff, -268.11555px -224.97566px 10px #fff, -268.11555px -224.97566px 20px currentColor, -268.11555px -224.97566px 30px currentColor, -268.11555px -224.97566px 40px currentColor, -268.11555px -224.97566px 55px currentColor, -268.11555px -224.97566px 75px currentColor, -128.55752px -153.20889px 5px #fff, -128.55752px -153.20889px 10px #fff, -128.55752px -153.20889px 20px currentColor, -128.55752px -153.20889px 30px currentColor, -128.55752px -153.20889px 40px currentColor, -128.55752px -153.20889px 55px currentColor, -128.55752px -153.20889px 75px currentColor, -249.99998px -433.0127px 5px #fff, -249.99998px -433.0127px 10px #fff, -249.99998px -433.0127px 20px currentColor, -249.99998px -433.0127px 30px currentColor, -249.99998px -433.0127px 40px currentColor, -249.99998px -433.0127px 55px currentColor, -249.99998px -433.0127px 75px currentColor, -119.70701px -328.89241px 5px #fff, -119.70701px -328.89241px 10px #fff, -119.70701px -328.89241px 20px currentColor, -119.70701px -328.89241px 30px currentColor, -119.70701px -328.89241px 40px currentColor, -119.70701px -328.89241px 55px currentColor, -119.70701px -328.89241px 75px currentColor, -34.72959px -196.96154px 5px #fff, -34.72959px -196.96154px 10px #fff, -34.72959px -196.96154px 20px currentColor, -34.72959px -196.96154px 30px currentColor, -34.72959px -196.96154px 40px currentColor, -34.72959px -196.96154px 55px currentColor, -34.72959px -196.96154px 75px currentColor, 0.00028px -499.99994px 5px #fff, 0.00028px -499.99994px 10px #fff, 0.00028px -499.99994px 20px currentColor, 0.00028px -499.99994px 30px currentColor, 0.00028px -499.99994px 40px currentColor, 0.00028px -499.99994px 55px currentColor, 0.00028px -499.99994px 75px currentColor, 60.77729px -344.68262px 5px #fff, 60.77729px -344.68262px 10px #fff, 60.77729px -344.68262px 20px currentColor, 60.77729px -344.68262px 30px currentColor, 60.77729px -344.68262px 40px currentColor, 60.77729px -344.68262px 55px currentColor, 60.77729px -344.68262px 75px currentColor, 68.40456px -187.93841px 5px #fff, 68.40456px -187.93841px 10px #fff, 68.40456px -187.93841px 20px currentColor, 68.40456px -187.93841px 30px currentColor, 68.40456px -187.93841px 40px currentColor, 68.40456px -187.93841px 55px currentColor, 68.40456px -187.93841px 75px currentColor, 250.00279px -433.01207px 5px #fff, 250.00279px -433.01207px 10px #fff, 250.00279px -433.01207px 20px currentColor, 250.00279px -433.01207px 30px currentColor, 250.00279px -433.01207px 40px currentColor, 250.00279px -433.01207px 55px currentColor, 250.00279px -433.01207px 75px currentColor, 224.97966px -268.11461px 5px #fff, 224.97966px -268.11461px 10px #fff, 224.97966px -268.11461px 20px currentColor, 224.97966px -268.11461px 30px currentColor, 224.97966px -268.11461px 40px currentColor, 224.97966px -268.11461px 55px currentColor, 224.97966px -268.11461px 75px currentColor, 153.21347px -128.55641px 5px #fff, 153.21347px -128.55641px 10px #fff, 153.21347px -128.55641px 20px currentColor, 153.21347px -128.55641px 30px currentColor, 153.21347px -128.55641px 40px currentColor, 153.21347px -128.55641px 55px currentColor, 153.21347px -128.55641px 75px currentColor, 433.03515px -249.99435px 5px #fff, 433.03515px -249.99435px 10px #fff, 433.03515px -249.99435px 20px currentColor, 433.03515px -249.99435px 30px currentColor, 433.03515px -249.99435px 40px currentColor, 433.03515px -249.99435px 55px currentColor, 433.03515px -249.99435px 75px currentColor, 328.92262px -119.69922px 5px #fff, 328.92262px -119.69922px 10px #fff, 328.92262px -119.69922px 20px currentColor, 328.92262px -119.69922px 30px currentColor, 328.92262px -119.69922px 40px currentColor, 328.92262px -119.69922px 55px currentColor, 328.92262px -119.69922px 75px currentColor, 196.99409px -34.72095px 5px #fff, 196.99409px -34.72095px 10px #fff, 196.99409px -34.72095px 20px currentColor, 196.99409px -34.72095px 30px currentColor, 196.99409px -34.72095px 40px currentColor, 196.99409px -34.72095px 55px currentColor, 196.99409px -34.72095px 75px currentColor;

opacity: 1;

}

100% {

-webkit-transform: rotate(-10deg) translateY(-50vh) scale(0.1);

transform: rotate(-10deg) translateY(-50vh) scale(0.1);

background: transparent;

box-shadow: 500px 0px 5px #fff, 500px 0px 10px #fff, 500px 0px 20px currentColor, 500px 0px 30px currentColor, 500px 0px 40px currentColor, 500px 0px 55px currentColor, 500px 0px 75px currentColor, 344.68271px 60.77686px 5px #fff, 344.68271px 60.77686px 10px #fff, 344.68271px 60.77686px 20px currentColor, 344.68271px 60.77686px 30px currentColor, 344.68271px 60.77686px 40px currentColor, 344.68271px 60.77686px 55px currentColor, 344.68271px 60.77686px 75px currentColor, 187.93852px 68.40403px 5px #fff, 187.93852px 68.40403px 10px #fff, 187.93852px 68.40403px 20px currentColor, 187.93852px 68.40403px 30px currentColor, 187.93852px 68.40403px 40px currentColor, 187.93852px 68.40403px 55px currentColor, 187.93852px 68.40403px 75px currentColor, 433.0127px 250px 5px #fff, 433.0127px 250px 10px #fff, 433.0127px 250px 20px currentColor, 433.0127px 250px 30px currentColor, 433.0127px 250px 40px currentColor, 433.0127px 250px 55px currentColor, 433.0127px 250px 75px currentColor, 268.11556px 224.97566px 5px #fff, 268.11556px 224.97566px 10px #fff, 268.11556px 224.97566px 20px currentColor, 268.11556px 224.97566px 30px currentColor, 268.11556px 224.97566px 40px currentColor, 268.11556px 224.97566px 55px currentColor, 268.11556px 224.97566px 75px currentColor, 128.55752px 153.20889px 5px #fff, 128.55752px 153.20889px 10px #fff, 128.55752px 153.20889px 20px currentColor, 128.55752px 153.20889px 30px currentColor, 128.55752px 153.20889px 40px currentColor, 128.55752px 153.20889px 55px currentColor, 128.55752px 153.20889px 75px currentColor, 250px 433.0127px 5px #fff, 250px 433.0127px 10px #fff, 250px 433.0127px 20px currentColor, 250px 433.0127px 30px currentColor, 250px 433.0127px 40px currentColor, 250px 433.0127px 55px currentColor, 250px 433.0127px 75px currentColor, 119.70705px 328.89242px 5px #fff, 119.70705px 328.89242px 10px #fff, 119.70705px 328.89242px 20px currentColor, 119.70705px 328.89242px 30px currentColor, 119.70705px 328.89242px 40px currentColor, 119.70705px 328.89242px 55px currentColor, 119.70705px 328.89242px 75px currentColor, 34.72964px 196.96155px 5px #fff, 34.72964px 196.96155px 10px #fff, 34.72964px 196.96155px 20px currentColor, 34.72964px 196.96155px 30px currentColor, 34.72964px 196.96155px 40px currentColor, 34.72964px 196.96155px 55px currentColor, 34.72964px 196.96155px 75px currentColor, 0px 500px 5px #fff, 0px 500px 10px #fff, 0px 500px 20px currentColor, 0px 500px 30px currentColor, 0px 500px 40px currentColor, 0px 500px 55px currentColor, 0px 500px 75px currentColor, -60.77686px 344.68271px 5px #fff, -60.77686px 344.68271px 10px #fff, -60.77686px 344.68271px 20px currentColor, -60.77686px 344.68271px 30px currentColor, -60.77686px 344.68271px 40px currentColor, -60.77686px 344.68271px 55px currentColor, -60.77686px 344.68271px 75px currentColor, -68.40403px 187.93852px 5px #fff, -68.40403px 187.93852px 10px #fff, -68.40403px 187.93852px 20px currentColor, -68.40403px 187.93852px 30px currentColor, -68.40403px 187.93852px 40px currentColor, -68.40403px 187.93852px 55px currentColor, -68.40403px 187.93852px 75px currentColor, -250px 433.0127px 5px #fff, -250px 433.0127px 10px #fff, -250px 433.0127px 20px currentColor, -250px 433.0127px 30px currentColor, -250px 433.0127px 40px currentColor, -250px 433.0127px 55px currentColor, -250px 433.0127px 75px currentColor, -224.97566px 268.11556px 5px #fff, -224.97566px 268.11556px 10px #fff, -224.97566px 268.11556px 20px currentColor, -224.97566px 268.11556px 30px currentColor, -224.97566px 268.11556px 40px currentColor, -224.97566px 268.11556px 55px currentColor, -224.97566px 268.11556px 75px currentColor, -153.20889px 128.55752px 5px #fff, -153.20889px 128.55752px 10px #fff, -153.20889px 128.55752px 20px currentColor, -153.20889px 128.55752px 30px currentColor, -153.20889px 128.55752px 40px currentColor, -153.20889px 128.55752px 55px currentColor, -153.20889px 128.55752px 75px currentColor, -433.0127px 250px 5px #fff, -433.0127px 250px 10px #fff, -433.0127px 250px 20px currentColor, -433.0127px 250px 30px currentColor, -433.0127px 250px 40px currentColor, -433.0127px 250px 55px currentColor, -433.0127px 250px 75px currentColor, -328.89242px 119.70705px 5px #fff, -328.89242px 119.70705px 10px #fff, -328.89242px 119.70705px 20px currentColor, -328.89242px 119.70705px 30px currentColor, -328.89242px 119.70705px 40px currentColor, -328.89242px 119.70705px 55px currentColor, -328.89242px 119.70705px 75px currentColor, -196.96155px 34.72964px 5px #fff, -196.96155px 34.72964px 10px #fff, -196.96155px 34.72964px 20px currentColor, -196.96155px 34.72964px 30px currentColor, -196.96155px 34.72964px 40px currentColor, -196.96155px 34.72964px 55px currentColor, -196.96155px 34.72964px 75px currentColor, -500px 0px 5px #fff, -500px 0px 10px #fff, -500px 0px 20px currentColor, -500px 0px 30px currentColor, -500px 0px 40px currentColor, -500px 0px 55px currentColor, -500px 0px 75px currentColor, -344.68271px -60.77686px 5px #fff, -344.68271px -60.77686px 10px #fff, -344.68271px -60.77686px 20px currentColor, -344.68271px -60.77686px 30px currentColor, -344.68271px -60.77686px 40px currentColor, -344.68271px -60.77686px 55px currentColor, -344.68271px -60.77686px 75px currentColor, -187.93852px -68.40403px 5px #fff, -187.93852px -68.40403px 10px #fff, -187.93852px -68.40403px 20px currentColor, -187.93852px -68.40403px 30px currentColor, -187.93852px -68.40403px 40px currentColor, -187.93852px -68.40403px 55px currentColor, -187.93852px -68.40403px 75px currentColor, -433.0127px -250px 5px #fff, -433.0127px -250px 10px #fff, -433.0127px -250px 20px currentColor, -433.0127px -250px 30px currentColor, -433.0127px -250px 40px currentColor, -433.0127px -250px 55px currentColor, -433.0127px -250px 75px currentColor, -268.11555px -224.97566px 5px #fff, -268.11555px -224.97566px 10px #fff, -268.11555px -224.97566px 20px currentColor, -268.11555px -224.97566px 30px currentColor, -268.11555px -224.97566px 40px currentColor, -268.11555px -224.97566px 55px currentColor, -268.11555px -224.97566px 75px currentColor, -128.55752px -153.20889px 5px #fff, -128.55752px -153.20889px 10px #fff, -128.55752px -153.20889px 20px currentColor, -128.55752px -153.20889px 30px currentColor, -128.55752px -153.20889px 40px currentColor, -128.55752px -153.20889px 55px currentColor, -128.55752px -153.20889px 75px currentColor, -249.99998px -433.0127px 5px #fff, -249.99998px -433.0127px 10px #fff, -249.99998px -433.0127px 20px currentColor, -249.99998px -433.0127px 30px currentColor, -249.99998px -433.0127px 40px currentColor, -249.99998px -433.0127px 55px currentColor, -249.99998px -433.0127px 75px currentColor, -119.70701px -328.89241px 5px #fff, -119.70701px -328.89241px 10px #fff, -119.70701px -328.89241px 20px currentColor, -119.70701px -328.89241px 30px currentColor, -119.70701px -328.89241px 40px currentColor, -119.70701px -328.89241px 55px currentColor, -119.70701px -328.89241px 75px currentColor, -34.72959px -196.96154px 5px #fff, -34.72959px -196.96154px 10px #fff, -34.72959px -196.96154px 20px currentColor, -34.72959px -196.96154px 30px currentColor, -34.72959px -196.96154px 40px currentColor, -34.72959px -196.96154px 55px currentColor, -34.72959px -196.96154px 75px currentColor, 0.00028px -499.99994px 5px #fff, 0.00028px -499.99994px 10px #fff, 0.00028px -499.99994px 20px currentColor, 0.00028px -499.99994px 30px currentColor, 0.00028px -499.99994px 40px currentColor, 0.00028px -499.99994px 55px currentColor, 0.00028px -499.99994px 75px currentColor, 60.77729px -344.68262px 5px #fff, 60.77729px -344.68262px 10px #fff, 60.77729px -344.68262px 20px currentColor, 60.77729px -344.68262px 30px currentColor, 60.77729px -344.68262px 40px currentColor, 60.77729px -344.68262px 55px currentColor, 60.77729px -344.68262px 75px currentColor, 68.40456px -187.93841px 5px #fff, 68.40456px -187.93841px 10px #fff, 68.40456px -187.93841px 20px currentColor, 68.40456px -187.93841px 30px currentColor, 68.40456px -187.93841px 40px currentColor, 68.40456px -187.93841px 55px currentColor, 68.40456px -187.93841px 75px currentColor, 250.00279px -433.01207px 5px #fff, 250.00279px -433.01207px 10px #fff, 250.00279px -433.01207px 20px currentColor, 250.00279px -433.01207px 30px currentColor, 250.00279px -433.01207px 40px currentColor, 250.00279px -433.01207px 55px currentColor, 250.00279px -433.01207px 75px currentColor, 224.97966px -268.11461px 5px #fff, 224.97966px -268.11461px 10px #fff, 224.97966px -268.11461px 20px currentColor, 224.97966px -268.11461px 30px currentColor, 224.97966px -268.11461px 40px currentColor, 224.97966px -268.11461px 55px currentColor, 224.97966px -268.11461px 75px currentColor, 153.21347px -128.55641px 5px #fff, 153.21347px -128.55641px 10px #fff, 153.21347px -128.55641px 20px currentColor, 153.21347px -128.55641px 30px currentColor, 153.21347px -128.55641px 40px currentColor, 153.21347px -128.55641px 55px currentColor, 153.21347px -128.55641px 75px currentColor, 433.03515px -249.99435px 5px #fff, 433.03515px -249.99435px 10px #fff, 433.03515px -249.99435px 20px currentColor, 433.03515px -249.99435px 30px currentColor, 433.03515px -249.99435px 40px currentColor, 433.03515px -249.99435px 55px currentColor, 433.03515px -249.99435px 75px currentColor, 328.92262px -119.69922px 5px #fff, 328.92262px -119.69922px 10px #fff, 328.92262px -119.69922px 20px currentColor, 328.92262px -119.69922px 30px currentColor, 328.92262px -119.69922px 40px currentColor, 328.92262px -119.69922px 55px currentColor, 328.92262px -119.69922px 75px currentColor, 196.99409px -34.72095px 5px #fff, 196.99409px -34.72095px 10px #fff, 196.99409px -34.72095px 20px currentColor, 196.99409px -34.72095px 30px currentColor, 196.99409px -34.72095px 40px currentColor, 196.99409px -34.72095px 55px currentColor, 196.99409px -34.72095px 75px currentColor;

opacity: 0;

}

}

@-webkit-keyframes bomb-rocket-animate-2 {

0% {

-webkit-transform: rotate(0deg) translateY(0) scale(0);

transform: rotate(0deg) translateY(0) scale(0);

opacity: 1;

box-shadow: none;

}

0.1% {

-webkit-transform: rotate(0deg) translateY(0) scale(0.1, 0.5);

transform: rotate(0deg) translateY(0) scale(0.1, 0.5);

background: -webkit-linear-gradient(top, currentColor 0%, #000000 80%);

background: linear-gradient(180deg, currentColor 0%, #000000 80%);

box-shadow: none;

opacity: 1;

}

50% {

-webkit-transform: rotate(0deg) translateY(-60vh) scale(0.1, 0.5);

transform: rotate(0deg) translateY(-60vh) scale(0.1, 0.5);

background: -webkit-linear-gradient(top, currentColor 0%, #000000 80%);

background: linear-gradient(180deg, currentColor 0%, #000000 80%);

box-shadow: none;

opacity: 1;

}

50.1% {

-webkit-transform: rotate(0deg) translateY(-60vh) scale(0.1);

transform: rotate(0deg) translateY(-60vh) scale(0.1);

background: transparent;

box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px currentColor, 0 0 75px currentColor, 0 0 5px #fff, 0 0 10px #fff, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor, 0 0 55px cu

草莓味的真知棒
关注
前端程序员使用HTML实现烟花效果.rar
01-13
前端程序员使用HTML实现烟花效果，十分简单，下载即用，使用浏览器打开即可查看效果，老少皆宜
Web前端:html烟花代码
SupermarketX的博客
05-18 1万+
该代码内含文字,文字内容可自由发挥,找到代码中这一行,修改内容即可。
HTML+CSS+JavaScript实现烟花绽放的效果源码
preserveXing的博客
07-29 360
一个css案例,在浏览器的可视区域,生成随机大小的烟花图片,天机动画.实现烟花绽放的效果 复制粘贴代码 在同级别下放一张图片fire.png接可以了
烟花代码,予心上人最璀璨烟花—— 附源码与成品（HTML+CSS+JS）
热门推荐
Create value with coding
01-31 4万+
我保证，这将是你见过最炫的????烟花代码！????
2022跨年烟花代码（三）HTML5点击页面烟花绽放特效
u013343616的博客
12-30 3513
HTML5点击页面烟花绽放特效 <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5 Canvas点击页面烟花绽放特效</title> <style> canvas { position: absolute; top: 0; left: 0; background-color: #111; } </style> </
纯HTML、css、cavas打造的春节烟花效果
01-01
在本项目中，“纯HTML、css、canvas打造的春节烟花效果”是一个利用Web技术实现的交互式动画，旨在为庆祝春节增添节日氛围。这个项目主要涉及了三个关键的技术：HTML、CSS和Canvas，它们共同作用于创建出绚丽的烟花...
html5+css完美烟花 v1.0
10-06
【HTML5+CSS完美烟花 v1.0】是一款利用现代Web技术实现的特效页面，它基于HTML5的强大功能和CSS的灵活性，为用户呈现了一场视觉盛宴。在这个无污染的数字时代，这款特效模拟了传统烟花的绽放过程，既满足了人们欣赏...
CSS3特效-CSS3实现烟花特效
12-19
在本文中，我们将深入探讨如何使用CSS3来创建引人入胜的烟花特效。CSS3是层叠样式表（Cascading Style Sheets）的第三版，它引入了许多新特性和功能，极大地扩展了网页设计的可能性，包括动画和特效。烟花特效就是...
css3特效-css实现烟花特效
12-19
css3+js实现烟花绽放的动画效果
2024新年烟花特效纯前端文件 html/css/js原生
02-10
这个名为“2024新年烟花特效纯前端文件 html/css/js原生”的资源，显然是一个用于庆祝新年的互动特效，完全基于前端技术实现。下面将详细探讨这个项目中涉及的HTML、CSS和JavaScript知识点。 首先，HTML（HyperText...
2024年春节HTML烟花代码：璀璨烟花特效，用代码迎接新春佳节
代码慈善家的博客
01-26 1330
随着2024年春节的临近，让我们用一种独特而创新的方式来庆祝这个传统节日。这篇文章将分享一个使用p5.js库创建的烟花特效代码，它不仅能够在屏幕上展示绚丽的烟花，还允许用户输入自定义的文字，比如“我爱你”，这些文字将随着烟花的绽放在夜空中灿烂闪耀。这个项目既适合编程爱好者探索和学习，也适合所有希望以一种独特的方式庆祝春节的人们。我们的代码允许用户通过一个文本输入框输入自定义的信息，这些信息将随着烟花在屏幕上展示。这增加了互动性和个性化，使每次烟花显示都是独一无二的。我们的烟花特效是基于p5.js库实现的。
【HTML实现烟花特效】
m0_68422841的博客
06-14 237
title>烟花特效</title>
html实现新年烟花代码
yecheny的博客
01-23 1687
元旦刚过春节快来啦！不知道朋友们所在的地区有没有放烟花？下面的烟花代码，和我们一起放烟花增加仪式感，温暖你的冬日吧~
HTML最美烟花【附赠完整源码】
m0_75147849的博客
01-23 376
【代码】HTML最美烟花【附赠完整源码】
绚丽烟花：基于HTML5和JavaScript的动态效果演示
最新发布
gitblog_09733的博客
09-07 467
绚丽烟花：基于HTML5和JavaScript的动态效果演示 demo.zip_5项目地址:https://gitcode.com/open-source-toolkit/80ef8 项目介绍 在这个数字化的时代，网页不仅仅是信息的载体，更是视觉和交互体验的舞台。为了让您的网页更加生动和吸引人，我们推出了一款基于HTML5和JavaScript的烟花效果演示项目。这个项目通过简单的代码实现，能够...
动态烟花代码html
2201_76029243的博客
12-30 2576
3D动态烟花
【HTML——烟花】（效果+代码）| HTML前端射线烟花特效 | 七彩烟花特效（附代码）
追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光
10-09 9631
分享一个HTML——烟花特效，希望大家喜欢！【HTML——烟花】（效果+代码）| HTML前端射线烟花特效 | 七彩烟花特效（附代码）
如何用html画出一个烟花？
weixin_43501408的博客
01-22 749
将下面代码复制到一个txt文件中，然后修改后缀txt→html，用浏览器打开就是烟花了。问题描述：如何用html画出一个烟花？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值