A Pen by Ee Venn Soh

Developer
Ee Venn Soh
Size
2,469 Kb
Views
18,216
  1. A Pen by Ee Venn Soh Previews
  2. A Pen by Ee Venn Soh HTML Codes
  3. A Pen by Ee Venn Soh CSS Codes

How do I make an a pen by ee venn soh?

What is a a pen by ee venn soh? How do you make a a pen by ee venn soh? This script and codes were developed by Ee Venn Soh on 07 September 2022, Wednesday.

A Pen by Ee Venn Soh Previews
IQ Test

A Pen by Ee Venn Soh - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Ee Venn Soh</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ .btn-h1 { text-shadow: 0 0 0 black, 0 0 1px black, 0 1px 2px rgba(0, 0, 0, 0.5); font-size: 2em; color: transparent;
}
.btn-h1 span { font-size: 1.1em; animation: btn_ghost 0.8s ease-in-out infinite alternate;
}
.btn-h1 span { animation-delay: 0.1s;
}
.btn-h1 span > span { animation-delay: 0.2s;
}
.btn-h1 span > span > span { animation-delay: 0.3s;
}
.btn-h1 span > span > span > span { animation-delay: 0.4s;
}
.btn-h1 span > span > span > span > span { animation-delay: 0.5s;
}
.btn-h1 span > span > span > span > span > span { animation-delay: 0.6s;
}
.btn-h1 span > span > span > span > span > span > span { animation-delay: 0.7s;
}
.btn-h1 span > span > span > span > span > span > span > span { animation-delay: 0.8s;
}
@keyframes btn_ghost { 100% { text-shadow: 30px 0 100px black; }
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <h1 class="btn-h1"> <span>B<!-- --><span>L<!-- --><span>A<!-- --><span>C<!-- --><span>K<!-- --><span>O<!-- --><span>U<!-- --><span>T</span> </span> </span> </span> </span> </span> </span> </span>
</h1> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

A Pen by Ee Venn Soh - Script Codes CSS Codes

.btn-h1 { text-shadow: 0 0 0 black, 0 0 1px black, 0 1px 2px rgba(0, 0, 0, 0.5); font-size: 2em; color: transparent;
}
.btn-h1 span { font-size: 1.1em; animation: btn_ghost 0.8s ease-in-out infinite alternate;
}
.btn-h1 span { animation-delay: 0.1s;
}
.btn-h1 span > span { animation-delay: 0.2s;
}
.btn-h1 span > span > span { animation-delay: 0.3s;
}
.btn-h1 span > span > span > span { animation-delay: 0.4s;
}
.btn-h1 span > span > span > span > span { animation-delay: 0.5s;
}
.btn-h1 span > span > span > span > span > span { animation-delay: 0.6s;
}
.btn-h1 span > span > span > span > span > span > span { animation-delay: 0.7s;
}
.btn-h1 span > span > span > span > span > span > span > span { animation-delay: 0.8s;
}
@keyframes btn_ghost { 100% { text-shadow: 30px 0 100px black; }
}
A Pen by Ee Venn Soh - Script Codes
A Pen by Ee Venn Soh - Script Codes
Home Page Home
Developer Ee Venn Soh
Username vennsoh
Uploaded September 07, 2022
Rating 3
Size 2,469 Kb
Views 18,216
Do you need developer help for A Pen by Ee Venn Soh?

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!

Ee Venn Soh (vennsoh) Script Codes
Name
UI
Polygon Dodecahedron in CSS
Smiley Egg
CSS Pattern
Blackout
Meteor Rain
Folding
Crazy Ball
Create amazing marketing copy 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!