DIV wormhole
How do I make an div wormhole?
A responsive wormhole pattern just using plain . What is a div wormhole? How do you make a div wormhole? This script and codes were developed by Heydon on 27 August 2022, Saturday.
DIV wormhole - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>DIV wormhole</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> OH HAI </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
</div>
</body>
</html>
DIV wormhole - Script Codes CSS Codes
div { background: #ddd; opacity: 0.97; position: fixed; top: 0; bottom: 0; left: 0; right: 0; font-size: 16px;
}
div div { top: 0.2em; bottom: 0.2em; left: 0.2em; right: 0.2em; font-size: 0.9em; border: 2px solid #000; border-radius: 50%; -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg);
}
div div:after { content: ' '; position: absolute; top: 0.2em; bottom: 0.2em; left: 0.2em; right: 0.2em; font-size: 0.9em; border: 1px solid #000; border-radius: 100%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
Developer | Heydon |
Username | heydon |
Uploaded | August 27, 2022 |
Rating | 3.5 |
Size | 1,932 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 |
Ransom Note With Google Font Subsets | 2,217 Kb |
FUN TIMES Competition | 3,473 Kb |
Invert custom properties | 2,026 Kb |
Animated focus styles for kbd users | 1,987 Kb |
Current Page Test Case | 1,827 Kb |
Redesigned gender form field | 1,160 Kb |
Bookish | 2,094 Kb |
Focus management of smooth scrolling | 2,506 Kb |
Content Aware Navigation | 1,950 Kb |
Just add javascript | 2,010 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 |
Sticky div | Kaslab | 2,225 Kb |
CSS Org Chart | Appirio-ux | 3,882 Kb |
Pure CSS Spinners | Jlong | 2,043 Kb |
CSS Google Now | Jackmoran | 3,196 Kb |
About Us | Francescaedits | 1,902 Kb |
Image grid with captions | Mchernin34 | 2,222 Kb |
Sidebar Thing | Jonambas | 2,779 Kb |
A Pen by Manoz | Manoz | 2,424 Kb |
Bootstrap example | Ssaakkaa | 2,716 Kb |
We Simplify animation | Meodai | 48,169 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!