Hexagon Split

Developer
James Crockford
Size
2,067 Kb
Views
18,216
  1. Hexagon Split Previews
  2. Hexagon Split HTML Codes
  3. Hexagon Split CSS Codes

How do I make an hexagon split?

What is a hexagon split? How do you make a hexagon split? This script and codes were developed by James Crockford on 19 November 2022, Saturday.

Hexagon Split Previews
IQ Test

Hexagon Split - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Hexagon Split</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <a href="http://en.wikipedia.org/wiki/Hexagon" class="hexagon">&#x2B22;</a>
</body>
</html>

Hexagon Split - Script Codes CSS Codes

html { height: 100%;
}
body { height: 100%; display: flex; align-items: center; justify-content: center;
}
.hexagon { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); text-decoration: none; font-size: 14em; line-height: 1em; color: #BADA55; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;
}
.hexagon:hover,
.hexagon:focus { -webkit-transform: scale(0.27); -moz-transform: scale(0.27); -ms-transform: scale(0.27); -o-transform: scale(0.27); transform: scale(0.27); color: #D86AFF; text-shadow: 0.9em 0 0 #D86AFF, 0.45em 0.77em 0 #D86AFF, -0.45em 0.77em 0 #D86AFF, -0.45em -0.77em 0 #D86AFF, 0.45em -0.77em 0 #D86AFF, -0.9em 0 0 #D86AFF;
}
Hexagon Split - Script Codes
Hexagon Split - Script Codes
Home Page Home
Developer James Crockford
Username james_crockford
Uploaded November 19, 2022
Rating 3
Size 2,067 Kb
Views 18,216
Do you need developer help for Hexagon Split?

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!

James Crockford (james_crockford) Script Codes
Name
Keys
A Pen by James Crockford
Inline-block masonary
Move
Vim logo animated
Drips
CSS breakpoints in JS
Yank
Circular Profile
Glow loading
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!