Perforated Leather Background

Developer
Joey Hoer
Size
1,723 Kb
Views
34,408
  1. Perforated Leather Background Previews
  2. Perforated Leather Background HTML Codes
  3. Perforated Leather Background CSS Codes

How do I make an perforated leather background?

Using radial gradients to create a perforated background.. What is a perforated leather background? How do you make a perforated leather background? This script and codes were developed by Joey Hoer on 14 September 2022, Wednesday.

Perforated Leather Background Previews
IQ Test

Perforated Leather Background - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Perforated Leather Background</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>
</body>
</html>

Perforated Leather Background - Script Codes CSS Codes

html, body { height: 100%; }
body { background-image: -webkit-radial-gradient( 50% circle, transparent 10%, hsla(0, 0%, 5%, 0.65) 100%), -webkit-radial-gradient( 50% circle, hsl( 0, 0%, 5% ) 3px, transparent 4px), -webkit-radial-gradient( 50% circle, hsla( 0, 0%, 100%, 0.1) 4px, transparent 5px), -webkit-radial-gradient( 50% circle, hsl( 0, 0%, 5% ) 3px, transparent 4px), -webkit-radial-gradient( 50% circle, hsla( 0, 0%, 100%, 0.1) 4px, transparent 5px), url('//i.jyhr.co/cdpn/leather.png'); background-image: radial-gradient( circle at 50%, transparent 10%, hsla(0, 0%, 5%, 0.65) 100%), radial-gradient( circle at 50%, hsl( 0, 0%, 5% ) 3px, transparent 4px), radial-gradient( circle at 50%, hsla( 0, 0%, 100%, 0.1) 4px, transparent 5px), radial-gradient( circle at 50%, hsl( 0, 0%, 5% ) 3px, transparent 4px), radial-gradient( circle at 50%, hsla( 0, 0%, 100%, 0.1) 4px, transparent 5px), url('//i.jyhr.co/cdpn/leather.png'); background-size: cover, 40px 40px, 40px 40px, 40px 40px, 40px 40px, auto; /* Fallback */ background-position: 50%, 0 0, 0 1px, 20px 20px, 20px 21px, 50%; background-position: 50%, 50%, 50% calc(50% + 1px), calc(50% + 20px) calc(50% + 20px), calc(50% + 20px) calc(50% + 21px), 50%; background-color: hsl(0, 0%, 15%);
}
Perforated Leather Background - Script Codes
Perforated Leather Background - Script Codes
Home Page Home
Developer Joey Hoer
Username joeyhoer
Uploaded September 14, 2022
Rating 3
Size 1,723 Kb
Views 34,408
Do you need developer help for Perforated Leather Background?

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!

Joey Hoer (joeyhoer) Script Codes
Name
SVG Faux-Conical Gradient
CSS Middle Child Selector
CSS Preloader Animations
Outer Stroke
Fluid Hexagonal Grid
Lightpack
Multi-line Text Fading
Dizzy Disks
SCSS Star Badges
HR Department
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!