A Pen by Tim

Developer
Tim
Size
2,359 Kb
Views
18,216
  1. A Pen by Tim Previews
  2. A Pen by Tim HTML Codes
  3. A Pen by Tim CSS Codes

How do I make an a pen by tim?

What is a a pen by tim? How do you make a a pen by tim? This script and codes were developed by Tim on 31 October 2022, Monday.

A Pen by Tim Previews
IQ Test

A Pen by Tim - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Tim</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="background"> <div class="glass"></div> <div class="lime"> <div class="flesh"> <div class="line1"></div> <div class="line2"></div> <div class="line3"></div> </div> </div> <div class="ice"></div> <div class="stick"></div> <div class="liquid"></div>
</div>
</body>
</html>

A Pen by Tim - Script Codes CSS Codes

.background { background-color: #3498DB; width: 400px; height: 300px;
}
.glass { z-index: 2; opacity: 0.7; width: 125px; margin: 0 auto; position: relative; top: 40px; border: 5px solid; border-radius: 4px 4px 12px 12px; width: 125px; height: 130px; background-color: #A6D3EB;
}
.lime { position: absolute; left: 230px; top: 20px; background-color: #7ACC4D; width: 80px; height: 42px; border: 5px solid; border-radius: 80px 80px 10px 10px;
}
.lime .flesh { background-color: #90D793; width: 60px; height: 32px; border: 5px solid; border-radius: 59px 59px 0 0; position: relative; left: 5px; top: 5px;
}
.lime .flesh .line1 { border: 3px solid; height: 32px; width: 0; position: absolute; top: -1px; left: 27px;
}
.lime .flesh .line2 { border: 3px solid; height: 32px; width: 0; position: absolute; top: 2px; left: 15px; transform: rotate(-45deg);
}
.lime .flesh .line3 { border: 3px solid; height: 32px; width: 0; position: absolute; top: 2px; left: 38px; transform: rotate(45deg);
}
.ice { width: 32px; height: 32px; border: 5px solid; border-radius: 8px; background-color: #DEE7EC;
}
A Pen by Tim - Script Codes
A Pen by Tim - Script Codes
Home Page Home
Developer Tim
Username maytim
Uploaded October 31, 2022
Rating 3
Size 2,359 Kb
Views 18,216
Do you need developer help for A Pen by Tim?

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!

Tim (maytim) Script Codes
Name
Double Helix Animation - Jade and Sass
Barbell
Phaser.io Sidescroller
IPhone Doodle
Reddit API Gifs
Double Helix Animation - Jade and Sass
Pixi JS
CSS Grid Calendar
Javascript Pong Game
Custom Dropdown
Create amazing marketing copy 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!