Css text gradient
How do I make an css text gradient?
What is a css text gradient? How do you make a css text gradient? This script and codes were developed by Serluck on 02 September 2022, Friday.
Css text gradient - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>css text gradient</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="400"> <defs> <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%" spreadMethod="pad"> <stop offset="10%" stop-color="rgb(39,175,106)" stop-opacity="1"/> <stop offset="50%" stop-color="rgb(39,175,106)" stop-opacity="1"/> <stop offset="50%" stop-color="rgb(0,140,74)" stop-opacity="1"/> <stop offset="90%" stop-color="rgb(0,140,74)" stop-opacity="1"/> </linearGradient> </defs> <text x="0" y="50" font-family="Lemon" font-size="18" fill="url(#gradient)" letter-spacing="-1" class="svg_text"> Improve your Grades! </text> </svg> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>
Css text gradient - Script Codes CSS Codes
@font-face { font-family: 'Lemon'; font-style: normal; font-weight: 400; src: local('Lemon Regular'), local('Lemon-Regular'), url(http://fonts.gstatic.com/s/lemon/v5/WRZq1AYYveIOSocZAeAyAw.ttf) format('truetype');
}
*{ font-size: 23px;
}
Developer | Serluck |
Username | serluk |
Uploaded | September 02, 2022 |
Rating | 3 |
Size | 1,833 Kb |
Views | 34,408 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Sticky footer | 1,498 Kb |
Horizontal and vertical align | 1,437 Kb |
Transfer product to cart | 2,033 Kb |
Modal window clean css | 2,102 Kb |
Custom checkbox | 1,581 Kb |
A Pen by Serluck | 2,832 Kb |
Price table | 5,928 Kb |
Toggle menu without height css3 | 1,570 Kb |
Sticky on scroll jquery | 1,581 Kb |
Custom list style via clean css | 3,772 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Pure CSS read more toggle | Idered | 2,344 Kb |
Sketchy Box | Mnicpt | 3,033 Kb |
Faces SVG animation | ScavengerFrontend | 2,957 Kb |
BSP Dungeon Generation | Xgundam05 | 5,326 Kb |
Donald Trump - The New Yorker | Agbales | 2,502 Kb |
404 Page | Saransh | 2,666 Kb |
Image Stack Test SCSS | CalvinMorett | 2,799 Kb |
Scroll to top button | DominicFrancois | 3,743 Kb |
Basic jQuery Filter list | Mtedwards | 2,464 Kb |
Popup Modal | Aldlevine | 3,696 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!