3D Box-shadow
How do I make an 3d box-shadow?
The box shadow property could be applied on any css pseudoclass to generate special 3d effect. What is a 3d box-shadow? How do you make a 3d box-shadow? This script and codes were developed by Gianluca Guarini on 04 November 2022, Friday.
3D Box-shadow - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>3D Box-shadow </title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section> <div>Really Nice!</div>
</section>
</body>
</html>
3D Box-shadow - Script Codes CSS Codes
@import url(https://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps);
section { width:60%; border-radius:5px; height:200px; margin:50px 20%; position:relative; border:1px solid #eee;
}
section:after { position:absolute; content:""; height:10px; width:85%; left:7.5%; border-radius:50%; box-shadow:0 0 14px rgba(0,0,0,0.5); bottom:0; z-index:0;
}
section div { font: 60px 'Oleo Script Swash Caps'; color:#ddd; text-shadow:1px 1px 1px #bbb; line-height:200px; text-align:center; width:100%; height:100%; background:white; position:relative; z-index:1;
}
Developer | Gianluca Guarini |
Username | GianlucaGuarini |
Uploaded | November 04, 2022 |
Rating | 3 |
Size | 1,732 Kb |
Views | 30,360 |
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 |
The Fly | 3,405 Kb |
A Pen by Gianluca Guarini | 1,949 Kb |
Blurred Scrollable Overlay | 3,413 Kb |
Riot and es6 | 2,779 Kb |
Mario Bros | 4,332 Kb |
Site under construction | 9,039 Kb |
Appletv | 6,368 Kb |
The Dark Loop | 4,130 Kb |
Colored Wall | 2,551 Kb |
EasyAnimationFrame.js | 2,382 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 |
Bootstrap Carousel Fade Transition | Rowno | 2,484 Kb |
Slide out Menu | Rbiggs | 4,936 Kb |
BabyStore | Pablo-Ai | 3,807 Kb |
Loading animation with css | Icebob | 2,947 Kb |
Classy Blockquote Styling | Andrewwright | 3,212 Kb |
Canvas Fireworks | Jackrugile | 6,200 Kb |
Smoke Shader - Frame Buffer | Omarshe7ta | 2,672 Kb |
Adding and Removing Element | Accimeesterlin | 2,119 Kb |
Resize image | Happyhj | 1,892 Kb |
A Different Type of Gallery | DonPage | 2,950 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!