English, asked by bhabyasingh6652, 8 months ago

_OM_A_ _ fill in the blanks

Answers

Answered by Btwitsaditi12
2

BOMBARD

 &lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Sabkabaap&lt;/title&gt;</p><p></p><p>&lt;style&gt;body {</p><p></p><p>margin:0;</p><p></p><p>padding:0px;</p><p></p><p>background:#02101b;</p><p></p><p>text-align:center ;</p><p></p><p>min-height:100vh;</p><p></p><p>font-weight:bold;</p><p></p><p>font-size:20px;</p><p></p><p>font-family:arial;</p><p></p><p>color:white;</p><p></p><p>}</p><p></p><p>a:before{</p><p></p><p>content:"";</p><p></p><p>position:absolute ;</p><p></p><p>top:0;</p><p></p><p>height:100%;</p><p></p><p>width:40%;</p><p></p><p>background:rgb(255,255,255,.05);</p><p></p><p>transform:skewX(5deg);</p><p></p><p>animation:all 1s linear infinite ;</p><p></p><p>}</p><p></p><p>@keyframes all{</p><p></p><p>0%{</p><p></p><p>position:absolute ;</p><p></p><p>left:0;</p><p></p><p>background:rgb(255,255,255,.05);</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>left:85px;</p><p></p><p>position:absolute ;</p><p></p><p>background:rgb(255,255,255,.05);</p><p></p><p>}</p><p></p><p>100%{</p><p></p><p>right:85px;</p><p></p><p>position:absolute ;</p><p></p><p>background:rgb(255,255,255,.02);</p><p></p><p>}</p><p></p><p>}</p><p></p><p>a{</p><p></p><p>padding:15px 30px;</p><p></p><p>position:relative ;</p><p></p><p>top:200px;</p><p></p><p>color:#f35621;</p><p></p><p>letter-spacing:2px;</p><p></p><p>text-transform:uppercase ;</p><p></p><p>text-decoration:none;</p><p></p><p>transition:0.5s;</p><p></p><p>height:20px;</p><p></p><p>}</p><p></p><p>a svg ,</p><p></p><p>a svg rect {</p><p></p><p>position:absolute ;</p><p></p><p>top:0;</p><p></p><p>left:0;</p><p></p><p>fill:transparent ;</p><p></p><p>width:100%;</p><p></p><p>height:100%;</p><p></p><p>}</p><p></p><p>a svg rect{</p><p></p><p>stroke-width:2;</p><p></p><p>stroke:#f35612;</p><p></p><p>stroke-dasharray:100;</p><p></p><p>animation:ani 2s linear infinite ;</p><p></p><p>}</p><p></p><p>@keyframes ani{</p><p></p><p>0%{</p><p></p><p>stroke-dashoffset:400;</p><p></p><p>}</p><p></p><p>100%{</p><p></p><p>stroke-dashoffset:0;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>footer{</p><p></p><p>position:absolute ;</p><p></p><p>bottom:0px;</p><p></p><p>width:100%;</p><p></p><p>box-sizing:border-box;</p><p></p><p>background:rgb(255,255,255,.2);</p><p></p><p>padding:5px;</p><p></p><p>height:50px;</p><p></p><p>}</p><p></p><p>.i{</p><p></p><p>height:40px;</p><p></p><p>width:40px;</p><p></p><p>border-radius:50%;</p><p></p><p>border:2px solid white;</p><p></p><p>float:left;</p><p></p><p>position:relative ;</p><p></p><p>left:3px;</p><p></p><p>}</p><p></p><p>.name{</p><p></p><p>font-size:20px;</p><p></p><p>font-weight:300;</p><p></p><p>position:relative ;</p><p></p><p>top:10.5px;</p><p></p><p>left:-10px;</p><p></p><p>}</p><p></p><p>.h{</p><p></p><p>float:right ;</p><p></p><p>margin:10px;</p><p></p><p>color:#f35621;</p><p></p><p>position:relative ;</p><p></p><p>top:3px;</p><p></p><p>animation:hi 1s infinite ;</p><p></p><p>}</p><p></p><p>@keyframes hi{</p><p></p><p>0%{</p><p></p><p>transform:scale(0.8);</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>transform:scale(1);</p><p></p><p>}</p><p></p><p>100%{</p><p></p><p>transform:scale(0.8);</p><p></p><p>}</p><p></p><p>}&lt;/style&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;a href="#"&gt;</p><p></p><p>&lt;svg &gt;&lt;rect&gt;&lt;/rect&gt;&lt;/svg&gt;</p><p></p><p>shizuka</p><p></p><p>&lt;/a&gt;</p><p></p><p>&lt;footer&gt;</p><p></p><p>&lt;/footer&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Answered by Divyansh50800850
1

&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>  &lt;head&gt;</p><p>      &lt;title&gt;Title of the document&lt;/title&gt;</p><p>          &lt;style&gt;</p><p>                .blink {</p><p>                        animation: blinker 0.6s linear infinite;</p><p>                                color: #1c87c9;</p><p>                                        font-size: 30px;</p><p>                                                font-weight: bold;</p><p>                                                        font-family: sans-serif;</p><p>                                                              }</p><p>                                                                    @keyframes blinker {</p><p>                                                                            50% {</p><p>                                                                                      opacity: 0;</p><p>                                                                                              }</p><p>                                                                                                    }</p><p>                                                                                                          .blink-one {</p><p>                                                                                                                  animation: blinker-one 1s linear infinite;</p><p>                                                                                                                        }</p><p>                                                                                                                              @keyframes blinker-one {</p><p>                                                                                                                                      0% {</p><p>                                                                                                                                                opacity: 0;</p><p>                                                                                                                                                        }</p><p>                                                                                                                                                              }</p><p>                                                                                                                                                                    .blink-two {</p><p>                                                                                                                                                                            animation: blinker-two 1.4s linear infinite;</p><p>                                                                                                                                                                                  }</p><p>                                                                                                                                                                                        @keyframes blinker-two {</p><p>                                                                                                                                                                                                100% {</p><p>                                                                                                                                                                                                      opacity: 0;} }</p><p>                                                                                                                                                                                                                            &lt;/style&gt;</p><p>                                                                                                                                                                                                                              &lt;/head&gt;</p><p>                                                                                                                                                                                                                                &lt;body&gt;</p><p>                                                                                                                                                                                                                                    &lt;p class="blink"&gt;Hello Mate ♥️&lt;/p&gt;</p><p>                                                                                                                                                                                                                                        &lt;p class="blink blink-one"&gt;BOMBARD&lt;/p&gt;</p><p>                                                                                                                                                                                                                                            &lt;p class="blink blink-two"&gt;Thank U ✌️&lt;/p&gt;</p><p>                                                                                                                                                                                                                                              &lt;/body&gt;</p><p>                                                                                                                                                                                                                                              &lt;/html&gt;

Similar questions