Vivus animate logo
How do I make an vivus animate logo?
Testing vivus.js. What is a vivus animate logo? How do you make a vivus animate logo? This script and codes were developed by Nerijus on 15 September 2022, Thursday.
Vivus animate logo - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Vivus animate logo</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <svg id="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 209.8 170.9"> <path fill="none" stroke="#000" stroke-miterlimit="10" d="M164.9 120l2.4-6.9.1-.3c11-30.8 26-61.5 37.9-86.8 1.2-2.4 1.6-4.8 1.6-6.8 0-1.2 0-2.4-.4-2.8-1.2-4.4-5.2-8-9.6-10.8-2.4-1.6-5.2-3.2-8-4.8-.4 4.8-3.2 8.8-6 13.2-6-2.8-12.8-5.2-23.6-5.2-34.8 2-56.8 40.4-56.8 70 .2 1.7.4 3.6.6 5.6-8.7 13.9-17.4 20-22.6 20-4.8 0-5.6-4.4-5.6-10.4 0-21.6 18.4-44 26.8-62 2-2 2.8-7.6 2.8-9.2 0-9.2-17.2-20-18.4-20-4.8 21.6-14 8.4-67.2 109.6-.4-1.2-.4-2.8-.4-4.8 0-31.6 30.8-58.8 30.8-76.8 0-8.4-14.8-20.4-18.4-20.4-1.2 3.6-4.8 14.4-8 20.8-2 4.4-22.4 40-22.4 75.2 0 16 3.2 26.8 16 26.8 8.4 0 12.2-9.9 14.4-15.6s16.3-45.1 39.4-68.3c-11.1 11.2-13.8 23.5-13.8 38 0 8.8 2 16 5.6 21.2 4.8 6.4 10.4 8 15.2 8 11.9 0 21.4-11.2 27.9-22.4 3.5 12 11.3 24 28.9 24 8 0 12.8-2.8 17.6-4.8-.4 2.8-1.2 4-1.6 6.8-17.2 1.2-37.6 2.3-43.2 3.6-5.6 1.4-15.6 5.6-15.6 21.6 0 2.8.4 5.6 1.2 8.8 0 0 22.3-11.3 56-12.4 2.8 17.2 16.8 28.8 30.8 28.8 16 0 30-14.8 30-28.8 0-18.5-23.6-20.5-44.4-21.7zm-27.6-11.6c-17.6 0-20.4-14.8-20.4-27.2 0-24 22.4-48.4 41.2-48.4 6 0 11.6 2 16 5.6-6 17.2-14 39.6-20 63.6 0 3.2-11.6 6.4-16.8 6.4zm44.4 53.6c-10 0-18.4-9.2-21.2-20l-.3-1.8c11.6-1.8 18.7-3.4 27.9-3.4s12 2.8 12 7.2c0 12.4-11.6 18-18.4 18z"/></svg> <script src='http://cdn.jsdelivr.net/vivus/0.1.2/vivus.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Vivus animate logo - Script Codes CSS Codes
html { width: 100%; height: 100%; display: table; background-color: #ddd;
}
body { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;
}
#svg { width: 200px;
}
Vivus animate logo - Script Codes JS Codes
new Vivus('svg', {type: 'delayed', duration: 240});
Developer | Nerijus |
Username | nerijusgood |
Uploaded | September 15, 2022 |
Rating | 3 |
Size | 2,514 Kb |
Views | 32,384 |
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 |
Inbox by gmail pure css logo | 3,357 Kb |
Multi-level mobile navigation | 3,174 Kb |
Minimal Animated Header | 2,407 Kb |
A Pen by Nerijus | 1,691 Kb |
From side hover effect | 2,718 Kb |
Smart Social Nav for WordPress with Sass | 3,445 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 |
Cut and Paste Roll Link | BottomlineInteractive | 2,546 Kb |
Drifting Clouds | Benedikte | 2,247 Kb |
CSS Colors | Alexpate | 2,232 Kb |
Haml Calendar | Katydecorah | 5,643 Kb |
A form arranged using automatic placement. | Vikasford | 2,103 Kb |
Transition | Shayhowe | 1,632 Kb |
Yuliya v krylova | Rafszul | 37,351 Kb |
Velocity.js custom stagger | Tommiehansen | 4,805 Kb |
Responsive slide | Thorien | 2,400 Kb |
Mapbox Directions with geolocation tracking | Pollardld | 5,827 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!