Science, asked by mehwishayyy, 11 months ago

matter.....................​

Answers

Answered by jeetendranihalani
0

Answer:

what is the question.......

Answered by MRsteveAustiN
2

</p><p></p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;body style="background-color:pink;"&gt;</p><p>&lt;h1&gt;&lt;/h1&gt;</p><p>&lt;p&gt;.&lt;/p&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p>

\huge{\red{\boxed{\blue{\boxed{\green{Good~Evening}}}}}}

</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>    </p><p>    &lt;style&gt;</p><p>        canvas{border: 0px solid #bbb;}</p><p>        .subdiv{width: 320px;}</p><p>        .text{margin: auto; width: 290px;}</p><p>    &lt;/style&gt;</p><p> </p><p>    &lt;script type="text/javascript"&gt;</p><p>        var can, ctx, addAngle, addScale, step, steps = 150,</p><p>              delay = 2;</p><p> </p><p>        function init() {</p><p>            can = document.getElementById("MyCanvas1");</p><p>            ctx = can.getContext("2d");</p><p>            ctx.fillStyle = "blue";</p><p>            ctx.font = "30pt san serif";</p><p>            ctx.textAlign = "center";</p><p>            ctx.textBaseline = "middle";</p><p>            addAngle = Math.PI * 2 / steps;</p><p>            addScale = 1 / steps;</p><p>            step = 7;</p><p>            RotateTextSphere()</p><p>        }</p><p> </p><p>        function RotateTextSphere() {</p><p>            step++;</p><p>            ctx.clearRect(0, 0, can.width, can.height);</p><p>            ctx.save();</p><p>            ctx.translate(can.width / 2, can.height / 2);</p><p>            ctx.scale(addScale * step, addScale * step);</p><p>            ctx.rotate(addAngle * step);</p><p>            ctx.fillText("MrsteveAustiN", 0, 0);</p><p>            ctx.restore();</p><p>           if (step &lt; steps)</p><p>                var t = setTimeout('RotateTextSphere()', 20);</p><p>        }</p><p> </p><p>    &lt;/script&gt;</p><p> </p><p>&lt;/head&gt;</p><p>&lt;body onload="init();"&gt;</p><p>    &lt;div class="subdiv"&gt;</p><p>        &lt;canvas id="MyCanvas1" width="300" height="200"&gt;</p><p>  This browser or document mode doesn't support canvas object&lt;/canvas&gt;</p><p>        &lt;p class="text"&gt;</p><p>         </p><p>        &lt;/p&gt;</p><p>    &lt;/div&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p></p><p></p><p>

</p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;style type='text/css'&gt;</p><p>#test {</p><p>  height: 2em;</p><p>  background: yellow;</p><p>  -webkit-animation: test 6s ease -3s infinite;</p><p>}</p><p></p><p>@-webkit-keyframes test {</p><p>  from { width:0%;}</p><p>  50%{width:100%;}</p><p>  to {width: 0%;}</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>  &lt;div id="test"&gt; Follow@MrSteveAustiN&lt;/div&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p></p><p>

</p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</p><p></p><p>&lt;h1&gt;matter is a substance which is occur in nature. &lt;/h1&gt;</p><p>  &lt;style&gt;</p><p>  @import url(https://fonts.googleapis.com/css?family=Varela+Round);</p><p></p><p>body {</p><p>  background: hsla(0, 0%, 0%, .9); </p><p>}</p><p></p><p>h1 {</p><p>  color: hsla(0, 0%, 0%, .9);</p><p>  font: normal 50px Varela Round, sans-serif;</p><p>  height: 140px;</p><p>  left: 0;</p><p>  letter-spacing: 5px;</p><p>  margin: -00px 0 0 0;</p><p>  position: absolute;</p><p>  text-align: center;</p><p>  text-transform: uppercase;</p><p>  top: 50%;</p><p>  width: 100%;</p><p>  animation: move linear 2000ms infinite;  </p><p>}</p><p></p><p>@keyframes move {</p><p>  0% {</p><p>    text-shadow:</p><p>      4px -4px 0 hsla(0, 100%, 50%, 1), </p><p>      3px -3px 0 hsla(0, 100%, 50%, 1), </p><p>      2px -2px 0 hsla(0, 100%, 50%, 1), </p><p>      1px -1px 0 hsla(0, 100%, 50%, 1),</p><p>      -4px 4px 0 hsla(180, 100%, 50%, 1), </p><p>      -3px 3px 0 hsla(180, 100%, 50%, 1), </p><p>      -2px 2px 0 hsla(180, 100%, 50%, 1), </p><p>      -1px 1px 0 hsla(180, 100%, 50%, 1)</p><p>    ;</p><p>  }</p><p>  25% {    </p><p>    text-shadow:      </p><p>      -4px -4px 0 hsla(180, 100%, 50%, 1), </p><p>      -3px -3px 0 hsla(180, 100%, 50%, 1), </p><p>      -2px -2px 0 hsla(180, 100%, 50%, 1), </p><p>      -1px -1px 0 hsla(180, 100%, 50%, 1),</p><p>      4px 4px 0 hsla(0, 100%, 50%, 1), </p><p>      3px 3px 0 hsla(0, 100%, 50%, 1), </p><p>      2px 2px 0 hsla(0, 100%, 50%, 1), </p><p>      1px 1px 0 hsla(0, 100%, 50%, 1)      </p><p>    ;</p><p>  }</p><p>  50% {</p><p>    text-shadow:</p><p>      -4px 4px 0 hsla(0, 100%, 50%, 1), </p><p>      -3px 3px 0 hsla(0, 100%, 50%, 1), </p><p>      -2px 2px 0 hsla(0, 100%, 50%, 1), </p><p>      -1px 1px 0 hsla(0, 100%, 50%, 1),</p><p>      4px -4px 0 hsla(180, 100%, 50%, 1), </p><p>      3px -3px 0 hsla(180, 100%, 50%, 1), </p><p>      2px -2px 0 hsla(180, 100%, 50%, 1), </p><p>      1px -1px 0 hsla(180, 100%, 50%, 1)</p><p>    ;</p><p>  }</p><p>  75% {</p><p>    text-shadow:</p><p>      4px 4px 0 hsla(180, 100%, 50%, 1), </p><p>      3px 3px 0 hsla(180, 100%, 50%, 1), </p><p>      2px 2px 0 hsla(180, 100%, 50%, 1), </p><p>      1px 1px 0 hsla(180, 100%, 50%, 1),</p><p>      -4px -4px 0 hsla(0, 100%, 50%, 1), </p><p>      -3px -3px 0 hsla(0, 100%, 50%, 1), </p><p>      -2px -2px 0 hsla(0, 100%, 50%, 1), </p><p>      -1px -1px 0 hsla(0, 100%, 50%, 1)      </p><p>    ;</p><p>  }</p><p>  100% {</p><p>    text-shadow:</p><p>      4px -4px 0 hsla(0, 100%, 50%, 1), </p><p>      3px -3px 0 hsla(0, 100%, 50%, 1), </p><p>      2px -2px 0 hsla(0, 100%, 50%, 1), </p><p>      1px -1px 0 hsla(0, 100%, 50%, 1),</p><p>      -4px 4px 0 hsla(180, 100%, 50%, 1), </p><p>      -3px 3px 0 hsla(180, 100%, 50%, 1), </p><p>      -2px 2px 0 hsla(180, 100%, 50%, 1), </p><p>      -1px 1px 0 hsla(180, 100%, 50%, 1)</p><p>    ;</p><p>  }  </p><p>}</p><p>  &lt;/style&gt;</p><p>&lt;/html&gt;</p><p></p><p>

Similar questions