New course! Every coder should learn Generative AI!
Try a free lesson+ 2
can u make rainbow sentence?
I want to add a rainbow sentence to my code
2 Answers
+ 3
Try this:(Make sure that your browser should support gradient text)
<html>
<head>
<title>CSS Text Gradient</title>
</head>
<body style="background-color:#000;">
<style>
h1 {
font-family: 'Lobster', cursive;
font-size: 72px;
background: -moz-linear-gradient(-45deg, rgba(252,238,50,1) 0%, rgba(252,50,50,1) 29%, rgba(252,47,126,1) 43%, rgba(252,47,126,1) 68%, rgba(252,40,96,1) 73%, rgba(232,0,123,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(252,238,50,1) 0%,rgba(252,50,50,1) 29%,rgba(252,47,126,1) 43%,rgba(252,47,126,1) 68%,rgba(252,40,96,1) 73%,rgba(232,0,123,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(252,238,50,1) 0%,rgba(252,50,50,1) 29%,rgba(252,47,126,1) 43%,rgba(252,47,126,1) 68%,rgba(252,40,96,1) 73%,rgba(232,0,123,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#666666);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<h1>Gradient text:)</h1>
</body>
</html>
+ 1
what you mean by rainbow sentence? Do you mean instead of being in one color it should have seven Colors?
Often have questions like this?
Learn more efficiently, for free:
Hot today
What next?
0 Votes
Popsicle program
1 Votes
How to learn Web Development?
0 Votes
Why 'null >= 0' is TRUE?
3 Votes
R programming
2 Votes