English, asked by grgrtg8, 10 months ago

//////////////////////////////``````'.,

Answers

Answered by AkshatZayn
3

</p><p>&lt;style type="text/css"&gt;</p><p>body {</p><p>    margin: 0;</p><p>    display: flex;</p><p>    align-items: center;</p><p>    justify-content: center;</p><p>    background-color: black;</p><p>}</p><p></p><p>.neon {</p><p>    position: relative;</p><p>    overflow: hidden;</p><p>    filter: brightness(200%);</p><p>}</p><p></p><p>.text {</p><p>    background-color: black;</p><p>    color: white;</p><p>    font-size: 20px;</p><p>    font-weight: bold;</p><p>    font-family: sans-serif;</p><p>    text-transform: uppercase;</p><p>    position: relative;</p><p>    user-select: none;</p><p>}</p><p></p><p>.text::before {</p><p>    content: attr(data-text);</p><p>    position: absolute;</p><p>    color: white;</p><p>    filter: blur(0.02em);</p><p>    mix-blend-mode: difference;</p><p>    }</p><p>    </p><p>    .gradient {</p><p>    position: absolute;</p><p>    background: linear-gradient(45deg, red, gold, lightgreen, gold, red);</p><p>    top: 0;</p><p>    left: 0;</p><p>    right: 0;</p><p>    bottom: 0;</p><p>    mix-blend-mode: multiply;</p><p>    }</p><p>    </p><p>    .spotlight {</p><p>    position: absolute;</p><p>    top: -100%;</p><p>    left: -100%;</p><p>    right: 0;</p><p>    bottom: 0;</p><p>    background: </p><p>    radial-gradient(</p><p>    circle,</p><p>    white,</p><p>    transparent 25%</p><p>    ) center / 25% 25%,</p><p>    radial-gradient(</p><p>    circle,</p><p>    white,</p><p>    black 25%</p><p>    ) center / 12.5% 12.5%;</p><p>    animation: light 5s linear infinite;</p><p>    mix-blend-mode: color-dodge;</p><p>    }</p><p>    </p><p>    @keyframes light {</p><p>    to {</p><p>    transform: translate(50%, 50%);</p><p>    }</p><p>    }</p><p>    </p><p>&lt;/style&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="neon"&gt;</p><p>  &lt;span class="text" data-text="thanks"&gt;</p><p>  THANKS</p><p>  &lt;/span&gt;</p><p>  &lt;span class="gradient"&gt;&lt;/span&gt;</p><p>  &lt;span class="spotlight"&gt;&lt;/span&gt;</p><p>&lt;/div&gt;</p><p>&lt;/body&gt;</p><p>

Answered by Anonymous
2

Answer:

wht is ur question mate

Similar questions