hello,
https://www.dragonaflooring.ca/
I have attached an Image, I want crazy deals in the header element to be highlighted and blink. i have created a CSS code but its not working their is some error in the code. Can you please help me with this?
here's the code, thanks in advance.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Blinking Text</title>
<style>
body {
margin: 0;
padding: 0;
}
div{
position: absolute;
top: 0%;
left: 0%;
transform: translate(-0%, -0%);
}
h2 {
color: #008000;
text-align: center;
animation: animate
1.5s linear infinite;
}
@keyframes animate {
0% {
opacity: 0;
}
50% {
opacity: 0.7;
}
100% {
opacity: 0;
}
}
{
header-nav-item header-nav-item--collection {
</style>
</head>
<body>
<div>
<h2>CRAZY DEALS</h2>
</div>
</body>
</html>