Single Div Apple Mouse
How do I make an single div apple mouse?
What is a single div apple mouse? How do you make a single div apple mouse? This script and codes were developed by Emily Hayman on 14 June 2022, Tuesday.
Single Div Apple Mouse - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Single Div Apple Mouse</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="single-div">
</div>
</body>
</html>
Single Div Apple Mouse - Script Codes CSS Codes
body { background: -webkit-linear-gradient(315deg, #f1abca, #ffecf5); background: linear-gradient(135deg, #f1abca, #ffecf5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100vh;
}
.single-div { width: 150px; height: 250px; background: #fff; border-radius: 70px 70px 80px 80px; box-shadow: 0 7px 0 #fff, -6px 12px 0 0 rgba(0, 0, 0, 0.08), inset 7px -2px 0 rgba(206, 206, 206, 0.2); position: relative;
}
.single-div:before { content: ""; position: absolute; height: 13px; width: 13px; border-radius: 50%; background-color: #eee; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 35px; box-shadow: 1px -1px 0 0 rgba(204, 204, 204, 0.5), inset 1px -2px 0 rgba(113, 113, 113, 0.2);
}
.single-div:after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAMAAAD6gTxzAAAArlBMVEWzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7M5pd1/AAAAOXRSTlMACg0UGBohJSorLS43OEVHTE9QVWFnbW9yeXqAiImKjI6RkpiepKWrrrO3u8bO09jZ2+Pl7O/w9Po0VqPSAAAAiklEQVR4AVXN13KCAAAF0U1IQhLSYy9YQOxiEeX+/485jDOO9zzuy3KnphYuk/4wDWmHy6UvzLNWATfRYNp7BX7mi35IJVFlOS5UiYFULuJb7hcymRGwlfkATlbKJ6CQCYFcpg7MZPaP0JTbhLzIaQ0TuS68yRwegLalf8CnQ64SHeP34DM9lx3gAnkLN8Cxn3FXAAAAAElFTkSuQmCC); opacity: .25; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 190px;
}
Developer | Emily Hayman |
Username | eehayman |
Uploaded | June 14, 2022 |
Rating | 3.5 |
Size | 2,987 Kb |
Views | 64,768 |
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 |
CSS Variable-Powered Clock | 3,362 Kb |
The Rhetoric of Donald Trump - A Data Visualization | 10,050 Kb |
SVG Stroke Animation - Origami Crane | 12,007 Kb |
Custom Dropdown List | 4,266 Kb |
Slider Animation Effect | 8,794 Kb |
A Pen by Emily Hayman | 1,569 Kb |
Full Page Parallax Scroll Effect | 4,446 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 |
Expandable Left Side Bar with jQuery animate | Retrofuturistic | 2,483 Kb |
A Pen by Rob Levin | Roblevin | 2,787 Kb |
Week7 replicate | Hwcasis | 1,620 Kb |
Konami Code Easter Egg | Teolitto | 3,051 Kb |
Growing Root - Scroll control - CANVAS | Cjonasw | 2,342 Kb |
Client-side Email Validation | Collizo4sky | 1,538 Kb |
ABVI Menu Discarded | Overdrivemachines | 3,607 Kb |
Boxes | H3l1um | 2,563 Kb |
We Simplify animation | Meodai | 48,169 Kb |
Wikipedia Viewer | Odylic | 2,333 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!