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 |
Life Mottos | 3,352 Kb |
Grow Circle Animation | 2,075 Kb |
Simple Loading Bar | 2,513 Kb |
First Loading Animation | 2,886 Kb |
Legend of Zelda - Triforce | 2,530 Kb |
Value vs Placeholder | 2,244 Kb |
Simple Video Lightbox | 3,103 Kb |
Flat UI Login | 3,358 Kb |
Responsive Background | 2,168 Kb |
Beautiful Ribbon | 1,985 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 |
Fullscreen audio play button | 72 | 2,148 Kb |
Mondrian | Chrisarmstrong | 2,787 Kb |
Weather App | OmranAbazid | 2,596 Kb |
Price Comparison Table | Orrinward | 3,459 Kb |
Greyscale image with filter in CSS3 | NickyCDK | 1,562 Kb |
Pure CSS Dial | Lukewatts | 3,018 Kb |
TinFoil Boats | Chandralil | 4,577 Kb |
A Pen by aleen42 | Aleen42 | 11,473 Kb |
Buttons with style | Chbymnky | 2,082 Kb |
CardMove | Thompsonemerson | 3,699 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!