Scared Eyes
How do I make an scared eyes?
Playing with Box shadows to make some eyes, hover over them so scare the poor things.. What is a scared eyes? How do you make a scared eyes? This script and codes were developed by Matt Gross on 28 August 2022, Sunday.
Scared Eyes - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Scared Eyes</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section> <div class="circle">AHH!!!</div> <div class="circle">AHH!!!</div>
</section>
</body>
</html>
Scared Eyes - Script Codes CSS Codes
section { margin: calc(50vh - 80px) auto; text-align: center;
}
div { margin: 30px; display: inline-block; height: 100px; width: 100px; background: #333; line-height: 100px; color: transparent; font-weight: bold; text-transform: uppercase; text-align: center;
}
.circle { border-radius: 50%;
/* Box Shadow Awesomeness */ box-shadow: inset 6px 3px 0 1px #fff, 0 0 0 7px #333; transition: .3s ease;
}
section:hover .circle { box-shadow: inset -6px 3px 0 14px #fff, 0 0 0 17px #333; color: #fff;
}
Developer | Matt Gross |
Username | mattgrosswork |
Uploaded | August 28, 2022 |
Rating | 3 |
Size | 1,673 Kb |
Views | 36,432 |
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 |
Basic Fullscreen Video Background | 2,208 Kb |
Fullscreen Video Background | 1,706 Kb |
Super Basic Inline Menu | 1,668 Kb |
Masonry-Style Layout in CSS | 2,116 Kb |
A Better underline | 2,120 Kb |
Site Menu | 6,873 Kb |
EvenVision Branded Ajax Loader | 3,023 Kb |
Simple Skewed Image Container | 1,676 Kb |
Stacking Shadows | 2,146 Kb |
Circle Hovers | 1,586 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 |
Basic HTML Slideshow | Tomhodgins | 3,386 Kb |
Bootstrap 3 Price Table | Honglio | 2,655 Kb |
A Pen by John Malc | F789gh | 1,420 Kb |
Canvas stripes | Adrianparr | 1,948 Kb |
A Pen by Miro Olma | Programiro | 2,342 Kb |
Simple blog concept | Drew_mc | 2,666 Kb |
CSS Google Now | Jackmoran | 3,196 Kb |
CSS- UI Element States Pseudo-Classes | Tesla809 | 2,206 Kb |
Mega Menu by Joni | Asakasinsky | 3,171 Kb |
Free css icon set v2 - one div | Ben_jammin | 0 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!