Cat button
How do I make an cat button?
What is a cat button? How do you make a cat button? This script and codes were developed by Susanne Karin Lundblad on 13 September 2022, Tuesday.
Cat button - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Cat button</title> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url("https://fonts.googleapis.com/css?family=Roboto:700");
.wrapper { text-align: center; width: 100%; margin-top: 100px;
}
a { border: 4px solid #111; text-decoration: none; color: #111; font-family: 'Roboto', sans-serif; font-size: 30px; padding: 20px 25px; transition: all 0.3s;
}
a:hover { border: 4px solid #101010; background: url("http://catsticker.com/images/dancing-cat.gif"); background-size: cover; background-position: center -40px; color: #000;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class="wrapper"> <a href="mailto:[email protected]">[email protected]</a>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>
Cat button - Script Codes CSS Codes
@import url("https://fonts.googleapis.com/css?family=Roboto:700");
.wrapper { text-align: center; width: 100%; margin-top: 100px;
}
a { border: 4px solid #111; text-decoration: none; color: #111; font-family: 'Roboto', sans-serif; font-size: 30px; padding: 20px 25px; transition: all 0.3s;
}
a:hover { border: 4px solid #101010; background: url("http://catsticker.com/images/dancing-cat.gif"); background-size: cover; background-position: center -40px; color: #000;
}
Developer | Susanne Karin Lundblad |
Username | SusanneLundblad |
Uploaded | September 13, 2022 |
Rating | 3 |
Size | 2,478 Kb |
Views | 50,600 |
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 |
Loading animation | 2,383 Kb |
Fullscreen portfolio startpage | 3,041 Kb |
AngularJS, showing and hiding content using radio buttons | 2,032 Kb |
Getting username from email adress | 3,443 Kb |
Flying pinata | 3,560 Kb |
Hover-effect | 3,241 Kb |
Blend mode of text | 2,269 Kb |
Angular filter | 2,109 Kb |
Angular ng-click with ng-show, two buttons | 2,729 Kb |
Snow | 3,405 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 |
Web Spiral - p5.js | TWAIN | 2,183 Kb |
Review test | Otro_user_gil | 4,054 Kb |
Word Wrap Algorithm for Multiline Canvas Text | Peterhry | 2,349 Kb |
404 Error Page | WebSonick | 3,203 Kb |
Incremental game | Eprouver | 5,868 Kb |
Shape Outside - Polygon | Stacy | 3,954 Kb |
Pure CSS Read More Arrow | Zephyr | 1,747 Kb |
Retina canvas w. resize | Erikterwan | 1,882 Kb |
Flat UI Button | Honchoman | 2,289 Kb |
Wikipedia Viewer | Thomasvaeth | 2,549 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!