A Pen by Drew McConville

Developer
Drew McConville
Size
1,775 Kb
Views
30,360
  1. A Pen by Drew McConville Previews
  2. A Pen by Drew McConville HTML Codes
  3. A Pen by Drew McConville CSS Codes

How do I make an a pen by drew mcconville?

What is a a pen by drew mcconville? How do you make a a pen by drew mcconville? This script and codes were developed by Drew McConville on 31 August 2022, Wednesday.

A Pen by Drew McConville Previews
IQ Test

A Pen by Drew McConville - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Drew McConville</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href='https://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
<a href="#">Join us today</a>
</body>
</html>

A Pen by Drew McConville - Script Codes CSS Codes

body{ background-color: #eee; padding: 5rem; transition: all 0.3s ease-in-out;
}
a{ position: relative; font-family: "lato"; color: white; text-decoration: none; letter-spacing: 0.25em; text-transform: uppercase; background-color: #0b2650; padding: 1.25rem 3rem; display: block; width: 180px; text-align: center; margin: 0 auto; transition: all 0.2s ease-in-out;
}
a:hover{ background-color: #147fd7; transition: all 0.4s easeInCirc;
}
a:after,
a:before{ content: ""; width: 100%; height: 100%; position: absolute; display: block; z-index: -1;
}
a:before{ background-color: #147fd7; left: 0.3rem; top: 0.3rem; transition: all 0.3s ease-in-out;
}
a:after{ right: 0.3rem; bottom: 0.3rem; background-color: #f55b5b; transition: all 0.3s ease-in-out;
}
a:hover:before{ top: 0; left: 0; transition: all 0.15s ease-in-out;
}
a:hover:after{ bottom: 0; right: 0; transition: all 0.15s ease-in-out;
}
A Pen by Drew McConville - Script Codes
A Pen by Drew McConville - Script Codes
Home Page Home
Developer Drew McConville
Username drew_mc
Uploaded August 31, 2022
Rating 4.5
Size 1,775 Kb
Views 30,360
Do you need developer help for A Pen by Drew McConville?

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!

Drew McConville (drew_mc) Script Codes
Name
Box Shadow Evolution
Simple blog concept
Draft Bernie Sanders Email
SVG Sprite - Credit Card Icons
Baseball TV Scorebox
CSS Only Video Lightbox
Avg Donation Firework Effect for Bernie 2016 project
Attempt to mimic push start on vehicle
Burger Style Navigation Button
Unminified markup for bettermotherfuckingwebsite.com
Create amazing blog posts 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!