English, asked by bushrabarira0, 5 months ago

hey...Bangladesh Theke k k acho....plzzz replyyy​

Answers

Answered by SKSHIVAMYADUVANSHI
1

you answered great do you use snapchat

Answered by Anonymous
21

&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>      html,</p><p>{body </p><p>  background-color: #EDDDD4;</p><p>}</p><p></p><p>h1 {</p><p>  font-family: "Work Sans", sans-serif;</p><p>  font-weight: 800;</p><p>  font-size: 5em;</p><p>  width: 5em;</p><p>  line-height: 0.9em;</p><p>  margin-left: auto;</p><p>  margin-right: auto;</p><p>  margin-top: 1.5em;</p><p>  margin-top: calc(50vh - 1em);</p><p>}</p><p></p><p></p><p>/* Style the rainbow text element. */</p><p>.rainbow-text {</p><p>  /* Create a conic gradient. */</p><p>  /* Double percentages to avoid blur (#000 10%, #fff 10%, #fff 20%, ...). */</p><p>  background: #CA4246;</p><p>  background-color: #CA4246;</p><p>  background: conic-gradient(</p><p>    #CA4246 16.666%, </p><p>    #E16541 16.666%, </p><p>    #E16541 33.333%, </p><p>    #F18F43 33.333%, </p><p>    #F18F43 50%, </p><p>    #8B9862 50%, </p><p>    #8B9862 66.666%, </p><p>    #476098 66.666%, </p><p>    #476098 83.333%, </p><p>    #A7489B 83.333%);</p><p>  </p><p>  /* Set thee background size and repeat properties. */</p><p>  background-size: 57%;</p><p>  background-repeat: repeat;</p><p>  </p><p>  /* Use the text as a mask for the background. */</p><p>  /* This will show the gradient as a text color rather than element bg. */</p><p>  -webkit-background-clip: text;</p><p>  -webkit-text-fill-color: transparent; </p><p>  </p><p>  /* Animate the text when loading the element. */</p><p>  /* This animates it on page load and when hovering out. */</p><p>  animation: rainbow-text-animation-rev 0.5s ease forwards;</p><p></p><p>  cursor: pointer;</p><p>}</p><p></p><p>/* Add animation on hover. */</p><p>.rainbow-text:hover {</p><p>  animation: rainbow-text-animation 0.5s ease forwards;</p><p>}</p><p></p><p>/* Move the background and make it larger. */</p><p>/* Animation shown when hovering over the text. */</p><p>@keyframes rainbow-text-animation {</p><p>  0% {</p><p>    background-size: 57%;</p><p>    background-position: 0 0;</p><p>  }</p><p>  20% {</p><p>    background-size: 57%;</p><p>    background-position: 0 1em;</p><p>  }</p><p>  100% {</p><p>    background-size: 300%;</p><p>    background-position: -9em 1em;</p><p>  }</p><p>}</p><p></p><p>/* Move the background and make it smaller. */</p><p>/* Animation shown when entering the page and after the hover animation. */</p><p>@keyframes rainbow-text-animation-rev {</p><p>  0% {</p><p>    background-size: 300%;</p><p>    background-position: -9em 1em;</p><p>  }</p><p>  20% {</p><p>    background-size: 57%;</p><p>    background-position: 0 1em;</p><p>  }</p><p>  100% {</p><p>    background-size: 57%;</p><p>    background-position: 0 0;</p><p>  }</p><p>}</p><p></p><p></p><p>Resources</p><p>    &lt;/div&gt;</p><p>  &lt;/body&gt;</p><p>&lt;/html&gt;

Similar questions