A Pen by Alex Pate
How do I make an a pen by alex pate?
What is a a pen by alex pate? How do you make a a pen by alex pate? This script and codes were developed by Alex Pate on 24 November 2022, Thursday.
A Pen by Alex Pate - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Alex Pate</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="set set__alpha"></div> <div class="set set__beta"></div>
<h2>The Resume of </h2>
<h1>Alexander Pate</h1>
</body>
</html>
A Pen by Alex Pate - Script Codes CSS Codes
.set { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.set__alpha { background: -webkit-linear-gradient(top, #374C96, #FEA8AB); background: linear-gradient(to bottom, #374C96, #FEA8AB); -webkit-animation: alpha 5s infinite alternate; animation: alpha 5s infinite alternate; z-index: 5;
}
.set__beta { background: -webkit-linear-gradient(top, #351F45, #F86974); background: linear-gradient(to bottom, #351F45, #F86974); z-index: 4;
}
h1, h2 { position: absolute; width: 100%; text-align: center; font-size: 1.3em; color: #fff; font-weight: 300; z-index: 10; font-family: 'Avenir Next', sans-serif; padding-top: 400px;
}
h2 { padding-top: 385px; font-size: .8em;
}
@-webkit-keyframes alpha { 0% { opacity: 1; } 100% { opacity: 0; }
}
@keyframes alpha { 0% { opacity: 1; } 100% { opacity: 0; }
}
Developer | Alex Pate |
Username | alexpate |
Uploaded | November 24, 2022 |
Rating | 3 |
Size | 2,221 Kb |
Views | 14,168 |
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 |
Emoji CSS Selectors | 1,868 Kb |
SVG Circle progress | 2,928 Kb |
Notifier Pulse | 2,450 Kb |
Button Animation | 2,496 Kb |
SVG Progress Circle - Sass | 3,832 Kb |
Twinkle Animation | 5,487 Kb |
Wobble Notification | 2,618 Kb |
Smock Gradient Button | 2,479 Kb |
Stats Animation | 2,585 Kb |
Whatthehack Pusher | 3,474 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 |
AngularJS Animated Todo List | Ehaase | 2,975 Kb |
Svg animation draw | SzymonDziewonski | 5,545 Kb |
Day 1 - Portfolio | Chpecson | 3,532 Kb |
Spiralator 9000 | AdmiralPotato | 4,671 Kb |
Old calculator | Gnarfugh | 2,815 Kb |
Sketchy Box | Mnicpt | 3,033 Kb |
Canvas Fireworks | Jackrugile | 6,200 Kb |
Flat UI - Checkbox FIX | ARS | 2,663 Kb |
BlueBox Fork | Huskynation | 12,675 Kb |
CSS-Flexbox-Demo | Sstiglets | 1,709 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!