Princess Mononoke Forest Spirits - WIP

Developer
David Bellotti
Size
2,667 Kb
Views
8,096
  1. Princess Mononoke Forest Spirits - WIP Previews
  2. Princess Mononoke Forest Spirits - WIP HTML Codes
  3. Princess Mononoke Forest Spirits - WIP CSS Codes

How do I make an princess mononoke forest spirits - wip?

What is a princess mononoke forest spirits - wip? How do you make a princess mononoke forest spirits - wip? This script and codes were developed by David Bellotti on 30 October 2022, Sunday.

Princess Mononoke Forest Spirits - WIP Previews
IQ Test

Princess Mononoke Forest Spirits - WIP - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Princess Mononoke Forest Spirits - WIP</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="forest"> <div class="spirit"> <div class="spirit--head"> <div class="spirit--eye"></div> <div class="spirit--eye"></div> <div class="spirit--mouth"></div> </div> <div class="spirit--body"></div> </div>
</div>
</body>
</html>

Princess Mononoke Forest Spirits - WIP - Script Codes CSS Codes

.forest { background: -webkit-linear-gradient(top left, darkblue, darkgreen); background: linear-gradient(to bottom right, darkblue, darkgreen); height: 100vh; width: 100vw;
}
.spirit--head,
.spirit--body { opacity: 0.6;
}
.spirit--body { position: absolute; left: 50%; top: 50%;
}
.spirit--head { position: absolute; left: 50%; top: 50%; -webkit-animation: bobble 2s infinite; animation: bobble 2s infinite;
}
.spirit--head::before { content: ''; border-radius: 50%; display: inline-block; height: 100px; width: 100px; background-color: white;
}
.spirit--head::after { content: ''; border-radius: 50%; display: inline-block; height: 70px; width: 70px; background-color: white; position: absolute; left: 10%; top: 50%;
}
.spirit--eye { border-radius: 50%; display: inline-block; background-color: black; position: absolute;
}
.spirit--eye:nth-of-type(1) { height: 25px; width: 25px; left: 15%; top: 20%;
}
.spirit--eye:nth-of-type(2) { height: 15px; width: 15px; right: 25%; top: 35%;
}
.spirit--mouth { border-radius: 50%; display: inline-block; background-color: black; position: absolute; left: 30%; bottom: 0; height: 20px; width: 30px; z-index: 10;
}
@-webkit-keyframes bobble { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 10% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 20% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 30% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 40% { -webkit-transform: rotate(50deg); transform: rotate(50deg); } 50% { -webkit-transform: rotate(50deg); transform: rotate(50deg); } 60% { -webkit-transform: rotate(60deg); transform: rotate(60deg); } 70% { -webkit-transform: rotate(70deg); transform: rotate(70deg); } 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); } 90% { -webkit-transform: rotate(80deg); transform: rotate(80deg); } 100% { -webkit-transform: rotate(80deg); transform: rotate(80deg); }
}
@keyframes bobble { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 10% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 20% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 30% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 40% { -webkit-transform: rotate(50deg); transform: rotate(50deg); } 50% { -webkit-transform: rotate(50deg); transform: rotate(50deg); } 60% { -webkit-transform: rotate(60deg); transform: rotate(60deg); } 70% { -webkit-transform: rotate(70deg); transform: rotate(70deg); } 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); } 90% { -webkit-transform: rotate(80deg); transform: rotate(80deg); } 100% { -webkit-transform: rotate(80deg); transform: rotate(80deg); }
}
Princess Mononoke Forest Spirits - WIP - Script Codes
Princess Mononoke Forest Spirits - WIP - Script Codes
Home Page Home
Developer David Bellotti
Username dbellotti
Uploaded October 30, 2022
Rating 3
Size 2,667 Kb
Views 8,096
Do you need developer help for Princess Mononoke Forest Spirits - WIP?

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!

David Bellotti (dbellotti) Script Codes
Name
Solar System - WIP
FAB menu v2
Chromatic Depth
JQuery ui material design datepicker
A Pen by David Bellotti
Pivotal Labs Animated Logo
Arora
Red Curtain
Snack time
Material Design Lite components demo
Create amazing sales emails 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!