hey...Bangladesh Theke k k acho....plzzz replyyy
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
you answered great do you use snapchat
Verified answer
[tex]<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
html,
{body
background-color: #EDDDD4;
}
h1 {
font-family: "Work Sans", sans-serif;
font-weight: 800;
font-size: 5em;
width: 5em;
line-height: 0.9em;
margin-left: auto;
margin-right: auto;
margin-top: 1.5em;
margin-top: calc(50vh - 1em);
}
/* Style the rainbow text element. */
.rainbow-text {
/* Create a conic gradient. */
/* Double percentages to avoid blur (#000 10%, #fff 10%, #fff 20%, ...). */
background: #CA4246;
background-color: #CA4246;
background: conic-gradient(
#CA4246 16.666%,
#E16541 16.666%,
#E16541 33.333%,
#F18F43 33.333%,
#F18F43 50%,
#8B9862 50%,
#8B9862 66.666%,
#476098 66.666%,
#476098 83.333%,
#A7489B 83.333%);
/* Set thee background size and repeat properties. */
background-size: 57%;
background-repeat: repeat;
/* Use the text as a mask for the background. */
/* This will show the gradient as a text color rather than element bg. */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/* Animate the text when loading the element. */
/* This animates it on page load and when hovering out. */
animation: rainbow-text-animation-rev 0.5s ease forwards;
cursor: pointer;
}
/* Add animation on hover. */
.rainbow-text:hover {
animation: rainbow-text-animation 0.5s ease forwards;
}
/* Move the background and make it larger. */
/* Animation shown when hovering over the text. */
@keyframes rainbow-text-animation {
0% {
background-size: 57%;
background-position: 0 0;
}
20% {
background-size: 57%;
background-position: 0 1em;
}
100% {
background-size: 300%;
background-position: -9em 1em;
}
}
/* Move the background and make it smaller. */
/* Animation shown when entering the page and after the hover animation. */
@keyframes rainbow-text-animation-rev {
0% {
background-size: 300%;
background-position: -9em 1em;
}
20% {
background-size: 57%;
background-position: 0 1em;
}
100% {
background-size: 57%;
background-position: 0 0;
}
}
Resources
</div>
</body>
</html>[/tex]