I drink and I know things
How do I make an i drink and i know things?
What is a i drink and i know things? How do you make a i drink and i know things? This script and codes were developed by AaronChuo (小狂) on 10 October 2022, Monday.
I drink and I know things - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>I drink and I know things</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <div class="back-text"> I drink and I know things </div> <div class="mask"> <div class="mask-text"> I drink and I know things </div> </div>
</div>
</body>
</html>
I drink and I know things - Script Codes CSS Codes
html, body { width: 100%; background-color: black;
}
.container { position: relative; width: 700px; margin: 50px auto;
}
.container .back-text { width: 700px; color: rgba(255, 255, 255, 0.3); font-size: 30px; font-weight: 100; text-align: center;
}
.container .mask { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; background-color: black; opaity: 0; text-align: center; -webkit-animation: mask-moving 3s ease-in-out 1s infinite alternate; animation: mask-moving 3s ease-in-out 1s infinite alternate;
}
.container .mask .mask-text { width: 700px; color: #0F0; text-shadow: 0 0 5px #0F0; font-weight: 800; font-size: 30px;
}
@-webkit-keyframes mask-moving { 0% { width: 0; opaity: 0; } 100% { width: 700px; opaity: 1; }
}
@keyframes mask-moving { 0% { width: 0; opaity: 0; } 100% { width: 700px; opaity: 1; }
}
Developer | AaronChuo (小狂) |
Username | aaronchuo |
Uploaded | October 10, 2022 |
Rating | 3 |
Size | 2,218 Kb |
Views | 24,288 |
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 |
Happy Birthday to Me | 4,549 Kb |
Random Displacement of Data Node | 3,075 Kb |
Wave | 3,550 Kb |
Radar Scanner | 3,595 Kb |
The Heart | 2,405 Kb |
Gradient Circle Spinner | 3,062 Kb |
The Rocket | 2,651 Kb |
Scifi-style Interative Form | 4,566 Kb |
Poached Egg by pure CSS | 3,161 Kb |
Ramen by pure CSS | 8,684 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 |
Two Element Typeface | Chrisota | 4,942 Kb |
A Pen by Jonas Bjork | Jonasbjork | 3,115 Kb |
A Pen by Moeid Saleem | Moeidsaleem | 1,862 Kb |
3D-box | Parthviroja | 2,346 Kb |
Blockquote design | Sjmcpherson | 1,863 Kb |
Yuliya v krylova | Rafszul | 37,351 Kb |
Custom checkbox example | Capelo | 3,495 Kb |
Pure CSS Read More Arrow | Zephyr | 1,747 Kb |
Button shaking | SusanneLundblad | 2,227 Kb |
Brian The CSS Bee | Jonitrythall | 3,922 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!