Experiment
How do I make an experiment?
Trying out wow.js.. What is a experiment? How do you make a experiment? This script and codes were developed by Todd Moy on 14 October 2022, Friday.
Experiment - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Experiment</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrapper"> <h1>Hello.</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto consectetur ratione inventore ipsa assumenda nostrum laudantium et similique libero blanditiis, eveniet ab, cumque culpa qui eaque, nemo. Asperiores, magnam, doloribus.</p> <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p> <p>Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Sed posuere consectetur est at lobortis.</p> <img src="//placehold.it/500x230" class="wow fadeOut" />
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/wow/0.1.12/wow.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Experiment - Script Codes CSS Codes
* { box-sizing: border-box;
}
body { background-color: #5598e2;
}
.wrapper { width: 500px; margin: 0 auto; background-color: white; padding: 2rem;
}
.wrapper img { width: 100%;
}
Experiment - Script Codes JS Codes
// uses wow : cdnjs.cloudflare.com/ajax/libs/wow/0.1.12/wow.min.js
new WOW().init();
Developer | Todd Moy |
Username | toddmoy |
Uploaded | October 14, 2022 |
Rating | 3 |
Size | 2,849 Kb |
Views | 14,168 |
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 |
Logo Animation | 2,580 Kb |
SVG Animation Test | 3,102 Kb |
Loader 5 | 2,489 Kb |
A Pen by Todd Moy | 2,144 Kb |
Hidden Menu Test | 3,582 Kb |
Chrome Store Copy | 3,593 Kb |
Flexbox test | 2,152 Kb |
Pulsar | 3,191 Kb |
Menu Test | 4,460 Kb |
Subscribe Button | 2,906 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 |
Twitch API | Coderpilot | 3,412 Kb |
This in constructor context | _shree33 | 1,718 Kb |
Faux column absolute wrapper | Yurimorini | 1,823 Kb |
DFF Website | Hawcubite | 10,123 Kb |
FontAwesome icons with animation | Nicotinell | 2,083 Kb |
Automatic scroll | Skeurentjes | 4,042 Kb |
A Pen by Andrea Verlicchi | Verlok | 2,018 Kb |
RWD Conversion Practice | Jxqr97 | 2,743 Kb |
Opening Reveal Modal On Document Ready | Winghouchan | 1,787 Kb |
Use the Twitchtv JSON API | Roksanaop | 3,561 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!