Beautiful Ribbon
How do I make an beautiful ribbon?
Simple Ribbon with hover for color change and animation as if it were tugged.. What is a beautiful ribbon? How do you make a beautiful ribbon? This script and codes were developed by Saysora on 26 August 2022, Friday.
Beautiful Ribbon - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Beautiful Ribbon</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="sitelogo">
</div>
</body>
</html>
Beautiful Ribbon - Script Codes CSS Codes
#sitelogo { width: 0; max-width: 100%; height: 219px; background: #070338; margin-top: -25px; border-left: 55px solid transparent; border-right: 55px solid transparent; border-bottom: 30px solid #fff; -webkit-transition: 0.5s height; -moz-transition: 0.5s height; -o-transition: 0.5s height; transition: 0.5s height;
}
#sitelogo span { color: #fff; font-size: 38px; display: block; padding-top: 105px; margin-left: -30px;
}
#sitelogo:hover { background: #bf1e2c; height: 229px;
}
Developer | Saysora |
Username | azureknight |
Uploaded | August 26, 2022 |
Rating | 3 |
Size | 1,985 Kb |
Views | 30,360 |
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 |
Info Cards | 3,926 Kb |
Legend of Zelda - Triforce | 2,530 Kb |
Simple Loading Bar | 2,513 Kb |
Life Mottos | 3,352 Kb |
Grow Circle Animation | 2,075 Kb |
CSS Full Width Content Menu | 3,712 Kb |
Flat UI Login | 3,358 Kb |
Landscape Animation | 3,469 Kb |
A Pen by Saysora | 2,253 Kb |
Service Card Animation | 3,567 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 |
Portfolio Page | HuffmanJ25 | 5,240 Kb |
Experiments with Vertical Centering | KatieK2 | 3,924 Kb |
Flower expansion | Sreucherand | 3,425 Kb |
Popover Example | Seanboom | 2,429 Kb |
Compare resources on mobile sites | Gyusza | 3,226 Kb |
Simple Responsive Text | Fbrz | 2,282 Kb |
CSS3 Button Examples | Volusion | 3,377 Kb |
Greyscale image with filter in CSS3 | NickyCDK | 1,562 Kb |
Comment Jquery | SquishyAndroid | 2,421 Kb |
Board Site | IndianaLuft | 10,542 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!