Computer Science, asked by 308779, 8 months ago

i will mark you brainliest and give lots of points he ya

Answers

Answered by rachealadeoye12
0

Answer:

Hi dear, thanks for the points, God bless

Explanation:

Answered by Anonymous
5

m

.

.

 </p><p></p><p>&lt;title&gt;GLOWING STAR EFFECT&lt;/title&gt; </p><p></p><p>  &lt;style&gt; </p><p>   body { </p><p>        background: rgb(70, 69, 69); </p><p>      } </p><p>      ul { </p><p>        position: relative; </p><p>        top: 50%; </p><p>        left: 0.1%; </p><p>        display: flex; </p><p>      } </p><p>      ul li { </p><p>        list-style: none; </p><p>        width: 40px; </p><p>        height: 40px; </p><p>        background: #fff; </p><p>        border-radius: 50%; </p><p></p><p>        animation: animate 1.7s ease-in-out infinite; </p><p>      } </p><p>      @keyframes animate { </p><p>        0%, </p><p>        40%, </p><p>        100% { </p><p>          transform: scale(0.2); </p><p>        } </p><p>        20% { </p><p>          transform: scale(1); </p><p>        } </p><p>      } </p><p></p><p>      ul li:nth-child(1) { </p><p>        animation-delay: -1.2s; </p><p>        background: yellow; </p><p>        box-shadow: 0 0 50px yellow; </p><p>      } </p><p>      ul li:nth-child(2) { </p><p>        animation-delay: -1s; </p><p>        background: rgb(99, 247, 136); </p><p>        box-shadow: 0 0 50px rgb(99, 247, 136); </p><p>      } </p><p>      ul li:nth-child(3) { </p><p>        animation-delay: -0.8s; </p><p>        background: rgb(30, 243, 225); </p><p>        box-shadow: 0 0 50px  rgb(30, 243, 225); </p><p>      } </p><p>      ul li:nth-child(4) { </p><p>        animation-delay: -0.6s; </p><p>        background: rgb(241, 58, 58); </p><p>        box-shadow: 0 0 50px rgb(241, 58, 58); </p><p>      } </p><p>      ul li:nth-child(5) { </p><p>        animation-delay: -0.4s; </p><p>        background: rgb(247, 61, 176); </p><p>        box-shadow: 0 0 50px  rgb(247, 61, 176); </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></p><p>  &lt;ul&gt; </p><p>      &lt;li&gt;&lt;/li&gt; </p><p>      &lt;li&gt;&lt;/li&gt; </p><p>      &lt;li&gt;&lt;/li&gt; </p><p>      &lt;li&gt;&lt;/li&gt; </p><p>      &lt;li&gt;&lt;/li&gt; </p><p></p><p>    &lt;/ul&gt; </p><p>&lt;/body&gt; </p><p></p><p>&lt;/html&gt;

Similar questions