Skip to content

Commit c537454

Browse files
TMHSDigitalTMHSDigital
authored
Create Pokemon-Button-Glowing.txt
1 parent bf145a9 commit c537454

1 file changed

Lines changed: 47 additions & 0 deletions

File tree

‎assets/shopify.buttons/Pokemon-Button-Glowing.txt‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Pokéball Button</title>
7+
<style>
8+
@keyframes glow {
9+
0%, 100% {
10+
box-shadow: 0 0 10px rgba(255, 0, 0, 0.7), 0 0 20px rgba(255, 0, 0, 0.5), 0 0 30px rgba(255, 0, 0, 0.3);
11+
}
12+
50% {
13+
box-shadow: 0 0 20px rgba(255, 0, 0, 0.9), 0 0 30px rgba(255, 0, 0, 0.7), 0 0 40px rgba(255, 0, 0, 0.5);
14+
}
15+
}
16+
.button-container {
17+
display: flex;
18+
justify-content: center;
19+
align-items: center;
20+
padding: 20px;
21+
}
22+
.pokeball-button {
23+
position: relative;
24+
width: 200px; /* Adjusted size */
25+
height: 200px; /* Adjusted size */
26+
border-radius: 50%;
27+
overflow: hidden;
28+
display: block;
29+
text-decoration: none;
30+
animation: glow 1.5s infinite;
31+
}
32+
.pokeball-button img {
33+
width: 200%;
34+
height: 200%;
35+
border-radius: 50%;
36+
object-fit: cover; /* Ensures the image fits well */
37+
}
38+
</style>
39+
</head>
40+
<body>
41+
<div class="button-container">
42+
<a href="https://www.linkedin.com/company/tm-hospitality-strategies/?viewAsMember=true" class="pokeball-button">
43+
<img src="https://github.com/TMHSDigital/TMHSDigital/blob/bf145a9c81d60ee15933fd19eae1ff5afc7009ba/assets/pngs/pokeball_PNG7.png?raw=true" alt="Pokéball Button">
44+
</a>
45+
</div>
46+
</body>
47+
</html>

0 commit comments

Comments
 (0)