English, asked by dvmodi1980, 11 months ago

what is meaning of a pyrotechnick​

Answers

Answered by dwivedigarimap1996
0

Answer:

a brilliant performance or display of a specified skill.

Answered by Anonymous
5

</p><p></p><p></p><p></p><p></p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>    &lt;head&gt;</p><p>        </p><p>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</p><p></p><p>    &lt;/head&gt;</p><p>    &lt;body&gt;</p><p>    </p><p>    &lt;div class = "loader"&gt;</p><p>        &lt;div class = "letter"&gt;relating &lt;/div&gt;</p><p>        &lt;div class = "letter"&gt;&lt;/div&gt;</p><p>        &lt;div class = "letter"&gt;to&lt;/div&gt;</p><p>        &lt;div class = "letter"&gt;&lt;/div&gt;</p><p>        &lt;div class = "letter"&gt;fireworks&lt;/div&gt;</p><p>       &lt;div class =  "letter"&gt;&lt;/div&gt;</p><p>#BAL</p><p>#Answer with quality</p><p>    &lt;/div&gt;</p><p>        </p><p>    &lt;/body&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>:root{</p><p>    --timer: 3s;</p><p>}</p><p></p><p></p><p>body {</p><p>    margin: 0;</p><p>    padding: 0;</p><p>    min-height: 200vh;</p><p>    background: linear-gradient(45deg, purple, fuchsia);</p><p>    display: flex;</p><p>    align-items: center;</p><p>    justify-content: center;</p><p>}</p><p></p><p></p><p>.loader{</p><p>    color: white;</p><p>    display: flex;</p><p>    align-items:center;</p><p>    justify-content:center;</p><p>    font-weight: bolder;</p><p>    font-size: 16px;</p><p>    animation: rotate var(--timer) ease infinite;</p><p>}</p><p></p><p>.letter{</p><p>    background: transparent;</p><p>    padding: 3px;</p><p>    border-radius: 50%;</p><p>    width: 20px;</p><p>    height:20px;</p><p>    text-align: center;</p><p>    margin: 2px;</p><p>    display: flex;</p><p>    align-items:center;</p><p>    justify-content:center;</p><p>}</p><p></p><p>.letter:nth-child(1){</p><p>    animation: balls1 var(--timer) ease infinite;</p><p>}</p><p></p><p>.letter:nth-child(2){</p><p>    animation: balls2 var(--timer) ease infinite;</p><p>}</p><p></p><p>.letter:nth-child(3){</p><p>    animation: balls3 var(--timer) ease infinite;</p><p>}</p><p></p><p>.letter:nth-child(4){</p><p>    animation: balls var(--timer) ease infinite;</p><p>}</p><p></p><p>.letter:nth-child(5){</p><p>    animation: balls5 var(--timer) ease infinite;</p><p>}</p><p></p><p>.letter:nth-child(6){</p><p>    animation: balls6 var(--timer) ease infinite;</p><p>}</p><p></p><p>.letter:nth-child(7){</p><p>    animation: balls7 var(--timer) ease infinite;</p><p>}</p><p></p><p>@keyframes balls{</p><p>    0%{</p><p>        background: transparent;</p><p>    }</p><p>    20%{</p><p>        background: transparent;</p><p>    }</p><p>    30%{</p><p>        background:white;</p><p></p><p>    }</p><p>    70%{</p><p>        background: white;</p><p>    }</p><p>    100%{</p><p>        background: transparent;</p><p>    }</p><p>}</p><p></p><p>@keyframes balls1{</p><p>    0%{</p><p>        background: transparent;</p><p>    }</p><p>    20%{</p><p>        background: transparent;</p><p>    }</p><p>    30%{</p><p>        background:white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    40%{</p><p>        transform: translate(40px, 0px);</p><p>    }</p><p>    60%{</p><p>        transform: translate(40px, 0px);</p><p>    }</p><p>    70%{</p><p>        background: white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    100%{</p><p>        background: transparent;</p><p>    }</p><p>}</p><p></p><p>@keyframes balls2{</p><p>    0%{</p><p>        background: transparent;</p><p>    }</p><p>    20%{</p><p>        background: transparent;</p><p>    }</p><p>    30%{</p><p>        background:white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    40%{</p><p>        transform: translate(35px, 40px);</p><p>    }</p><p>    60%{</p><p>        transform: translate(35px, 40px);</p><p>    }</p><p>    70%{</p><p>        background: white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    100%{</p><p>        background: transparent;</p><p>    }</p><p>}</p><p></p><p>@keyframes balls3{</p><p>    0%{</p><p>        background: transparent;</p><p>    }</p><p>    20%{</p><p>        background: transparent;</p><p>    }</p><p>    30%{</p><p>        background:white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    40%{</p><p>        transform: translate(5px, -40px);</p><p>    }</p><p>    60%{</p><p>        transform: translate(5px, -40px);</p><p>    }</p><p>    70%{</p><p>        background: white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    100%{</p><p>        background: transparent;</p><p>    }</p><p>}</p><p></p><p>@keyframes balls5{</p><p>    0%{</p><p>        background: transparent;</p><p>    }</p><p>    20%{</p><p>        background: transparent;</p><p>    }</p><p>    30%{</p><p>        background:white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    40%{</p><p>        transform: translate(-5px, -40px);</p><p>    }</p><p>    60%{</p><p>        transform: translate(-5px, -40px);</p><p>    }</p><p>    70%{</p><p>        background: white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    100%{</p><p>        background: transparent;</p><p>    }</p><p>}</p><p></p><p>@keyframes balls6{</p><p>    0%{</p><p>        background: transparent;</p><p>    }</p><p>    20%{</p><p>        background: transparent;</p><p>    }</p><p>    30%{</p><p>        background:white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    40%{</p><p>        transform: translate(-35px, 40px);</p><p>    }</p><p>    60%{</p><p>        transform: translate(-35px, 40px);</p><p>    }</p><p>    70%{</p><p>        background: white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    100%{</p><p>        background: transparent;</p><p>    }</p><p>}</p><p></p><p>@keyframes balls7{</p><p>    0%{</p><p>        background: transparent;</p><p>    }</p><p>    20%{</p><p>        background: transparent;</p><p>    }</p><p>    30%{</p><p>        background:white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    40%{</p><p>        transform: translate(-40px, 0px);</p><p>    }</p><p>    60%{</p><p>        transform: translate(-40px, 0px);</p><p>    }</p><p>    70%{</p><p>        background: white;</p><p>        transform: translate(0px, 0px);</p><p>    }</p><p>    100%{</p><p>        background: transparent;</p><p>    }</p><p>}</p><p></p><p>@keyframes rotate{</p><p>    0%{</p><p>    </p><p>    }</p><p>    45%{</p><p>        transform: rotateZ(0deg);</p><p>    }</p><p>    50%{</p><p>        transform: rotateZ(180deg);</p><p>    }</p><p>    55%{</p><p>        transform: rotateZ(0deg);</p><p>    }</p><p>    100%{</p><p>    </p><p>    }</p><p>}</p><p></p><p>&lt;/style&gt;</p><p>&lt;/html&gt;</p><p></p><p></p><p>

Similar questions