A Pen by Kyle Foster

Developer
Kyle Foster
Size
2,404 Kb
Views
30,360
  1. A Pen by Kyle Foster Previews
  2. A Pen by Kyle Foster HTML Codes
  3. A Pen by Kyle Foster CSS Codes

How do I make an a pen by kyle foster?

What is a a pen by kyle foster? How do you make a a pen by kyle foster? This script and codes were developed by Kyle Foster on 04 September 2022, Sunday.

A Pen by Kyle Foster Previews
IQ Test

A Pen by Kyle Foster - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Kyle Foster</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <a href="#?" class="btn">Click this here link or something</a>
</body>
</html>

A Pen by Kyle Foster - Script Codes CSS Codes

body { margin: 0; padding: 50px; font: 400 1.125em/1.5 'Avenir Next', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
}
.btn { display: inline-block; position: relative; text-align: center; padding: 1.222em 2em 1.111em 2em; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; color: #FFF; text-decoration: none; background: #2AB22E; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: .1s background, .1s transform; transition: .1s background, .1s transform;
}
.btn:hover { background: #259d29; -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0);
}
.btn:hover:after, .btn:hover:before { height: 0; background: #208923;
}
.btn:after, .btn:before { content: ''; position: absolute; top: 100%; width: 50%; height: 8px; background: #259d29; -webkit-transition: .1s height, .1s background; transition: .1s height, .1s background;
}
.btn:after { right: 0; -webkit-transform: skewX(-45deg); transform: skewX(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0;
}
.btn:before { left: 0; -webkit-transform: skewX(45deg); transform: skewX(45deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;
}
A Pen by Kyle Foster - Script Codes
A Pen by Kyle Foster - Script Codes
Home Page Home
Developer Kyle Foster
Username hkfoster
Uploaded September 04, 2022
Rating 3.5
Size 2,404 Kb
Views 30,360
Do you need developer help for A Pen by Kyle Foster?

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!

Kyle Foster (hkfoster) Script Codes
Name
Slimslider.js
Vanilla Flavored Hypher
JQuery vs. Native JS Selectors
Super Simple Fader
Manipulating SVG With CSS
Smart Fixed Header
Cattywompus - A Subtle Parallax Banner Plugin
Freemason.js
SVG Optimization Breakdown
Rift.js
Create amazing Facebook ads 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!