Lego Ziggy Stardust RIP David Bowie

Developer
BROWNERD
Size
2,963 Kb
Views
34,408
  1. Lego Ziggy Stardust RIP David Bowie Previews
  2. Lego Ziggy Stardust RIP David Bowie HTML Codes
  3. Lego Ziggy Stardust RIP David Bowie CSS Codes

How do I make an lego ziggy stardust rip david bowie?

Respect. What is a lego ziggy stardust rip david bowie? How do you make a lego ziggy stardust rip david bowie? This script and codes were developed by BROWNERD on 29 August 2022, Monday.

Lego Ziggy Stardust RIP David Bowie Previews
IQ Test

Lego Ziggy Stardust RIP David Bowie - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Lego Ziggy Stardust RIP David Bowie</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="helmet"> <div class="opening"> <div class="face"> <div class="strike"> <div class="lightening"></div> <div class="lightening2"></div> </div> <div class="eyes"> <div class="eye"></div> <div class="eye"></div> </div> <div class="smile"></div> </div> </div>
</div>
</body>
</html>

Lego Ziggy Stardust RIP David Bowie - Script Codes CSS Codes

* { box-sizing: border-box;
}
body { 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; width: 100vw;
}
.helmet { background-color: #007fff; border-radius: 20vw 20vw 5vw 5vw; height: 45vw; width: 40vw; 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;
}
.opening { background-color: #39f; border-radius: 4vw; height: 23vw; width: 35vw; -webkit-transform: translateY(35%); transform: translateY(35%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.face { background-color: #ffea00; border-radius: 5vw; height: 22vw; width: 30vw; position: relative; overflow: hidden;
}
.eyes { 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; -webkit-transform: translateY(20%); transform: translateY(20%);
}
.eye { background-color: #000; border-radius: 50%; height: 5vw; width: 5vw; margin: 2.5vw;
}
.smile { background-color: #ffea00; height: 4.25vw; width: 15vw; margin-top: 2.5vw; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); position: relative; overflow: hidden;
}
.smile::after { content: ''; background-color: #000; border-radius: 50%; height: 10vw; width: 20vw; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -80%); transform: translate(-50%, -80%);
}
.smile::before { content: ''; background-color: #ffea00; border-radius: 50%; height: 10vw; width: 20vw; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); z-index: 2;
}
.strike { position: absolute; top: 0;
}
.lightening { background-color: #002bff; height: 10.25vw; width: 8vw; position: relative; -webkit-transform: skewX(-25deg) translate(58%, -10%); transform: skewX(-25deg) translate(58%, -10%);
}
.lightening::after { content: ''; position: absolute; bottom: -9vw; right: -1.8vw; width: 0; height: 0; border-left: 3vw solid transparent; border-right: 3vw solid transparent; border-top: 13vw solid #002bff; -webkit-transform: skewX(-10deg); transform: skewX(-10deg);
}
.lightening2 { background-color: #ff0080; height: 10vw; width: 7vw; position: relative; -webkit-transform: skewX(-25deg) translate(19%, -110%); transform: skewX(-25deg) translate(19%, -110%);
}
.lightening2::after { content: ''; position: absolute; bottom: -7.5vw; right: -2vw; width: 0; height: 0; border-left: 3vw solid transparent; border-right: 3vw solid transparent; border-top: 12vw solid #ff0080; -webkit-transform: skewX(-10deg); transform: skewX(-10deg);
}
Lego Ziggy Stardust RIP David Bowie - Script Codes
Lego Ziggy Stardust RIP David Bowie - Script Codes
Home Page Home
Developer BROWNERD
Username brownerd
Uploaded August 29, 2022
Rating 4
Size 2,963 Kb
Views 34,408
Do you need developer help for Lego Ziggy Stardust RIP David Bowie?

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!

BROWNERD (brownerd) Script Codes
Name
PICADILLY CIRCUS
RIP ALI
Pacman 60fps study
DevWars Player
Meditation bean
C.Rowe Button
CSS SLACK plaid
Orlando Strong
Venn diagram animation
Cool Beans Button 60fps
Create amazing love letters with AI!

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!