A Pen by Gus Alaniz

Developer
Gus Alaniz
Size
2,275 Kb
Views
34,408
  1. A Pen by Gus Alaniz Previews
  2. A Pen by Gus Alaniz HTML Codes
  3. A Pen by Gus Alaniz CSS Codes

How do I make an a pen by gus alaniz?

What is a a pen by gus alaniz? How do you make a a pen by gus alaniz? This script and codes were developed by Gus Alaniz on 10 August 2022, Wednesday.

A Pen by Gus Alaniz Previews
IQ Test

A Pen by Gus Alaniz - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Gus Alaniz</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="wrap"> <span class="piece"></span> <span class="piece"></span> <span class="piece"></span> <span class="piece"></span>
</div>
</body>
</html>

A Pen by Gus Alaniz - Script Codes CSS Codes

#wrap { width: 500px; height: 400px; margin: 0 auto; background: url('http://alanizdesign.com/wp-content/uploads/2015/03/poly-squirrel.jpg') no-repeat; background-position: 24px top; position: relative;
}
#wrap .piece { width: 500px; height: 400px; position: absolute; top: 0px; left: 0px; z-index: 2; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: .75; background: red !important;
}
#wrap .piece:nth-child(1) { -webkit-clip-path: polygon(11% 11%, 14% 0%, 17% 13%, 11% 18%); background: #1f170c;
}
#wrap .piece:nth-child(2) { -webkit-clip-path: polygon(23% 15%, 21.5% 0%, 17% 13%, 20.2% 9%); background: #1f170c;
}
#wrap .piece:nth-child(3) { -webkit-clip-path: polygon(23% 18%, 20.4% 21%, 18.8% 15%, 17.5% 19%, 17% 13%, 20.2% 9%, 23% 15%); background: #4f2c19;
}
#wrap .piece:nth-child(4) { -webkit-clip-path: polygon(20% 30%, 18% 36%, 14% 26%, 10% 33%, 9% 28%, 11% 18%, 17% 14%, 20.2% 10%); background: #4f2c19;
}
A Pen by Gus Alaniz - Script Codes
A Pen by Gus Alaniz - Script Codes
Home Page Home
Developer Gus Alaniz
Username alanizdesign
Uploaded August 10, 2022
Rating 3
Size 2,275 Kb
Views 34,408
Do you need developer help for A Pen by Gus Alaniz?

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!

Gus Alaniz (alanizdesign) Script Codes
Name
IMessage Questions
Slide Up Through Feed
Xbox Achievement Notification
Random Results
CSS3 Circle loader One Time around
A Thing
Toggle HTML on Click
Pie Circle Loader
Super Simple CSS Sub Nav
IMessage Loader
Create amazing sales emails 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!