A Pen by Pongstr

Developer
Pongstr
Size
2,207 Kb
Views
16,192
  1. A Pen by Pongstr Previews
  2. A Pen by Pongstr HTML Codes
  3. A Pen by Pongstr CSS Codes

How do I make an a pen by pongstr?

Svg(s) are awesome. What is a a pen by pongstr? How do you make a a pen by pongstr? This script and codes were developed by Pongstr on 21 September 2022, Wednesday.

A Pen by Pongstr Previews
IQ Test

A Pen by Pongstr - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Pongstr</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="cover"> <div class="cover-inner"> <a class="logo" href="#">CodePen</a> </div>
</div>
</body>
</html>

A Pen by Pongstr - Script Codes CSS Codes

html,
body { height: 100%; background-color: #000;
}
.cover,
.cover-inner { width: 100%; height: 100%;
}
.cover { display: table;
}
.cover-inner { display: table-cell; vertical-align: middle; text-align: center;
}
.logo { -moz-transition: height 0.1s ease-in-out; -o-transition: height 0.1s ease-in-out; -webkit-transition: height 0.1s ease-in-out; transition: height 0.1s ease-in-out; display: block; clear: both; width: 250px; height: 0; margin: 5px auto; padding-top: 65px; overflow: hidden; background-image: url("https://assets.codepen.io/images/codepen-logo.svg"); background-size: 100%; background-repeat: no-repeat; background-position: center center;
}
.logo:hover { -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; width: 300px; padding-top: 70px;
}
A Pen by Pongstr - Script Codes
A Pen by Pongstr - Script Codes
Home Page Home
Developer Pongstr
Username pongstr
Uploaded September 21, 2022
Rating 3
Size 2,207 Kb
Views 16,192
Do you need developer help for A Pen by Pongstr?

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!

Pongstr (pongstr) Script Codes
Name
User List
Flexbox
Bootstrap Blank State
Code Snippets Icon
Github Commit List
Spinner
Off-Canvas
Email Form
Work in progress
A Pen by Pongstr
Create amazing art & images 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!