<!-- HTML file -->
<div class="square"></div>
<!-- CSS file -->
.square{
width: 200px;
height: 200px;
display: block;
opacity: 0;
background-color: red;
animation-name: showHide;
animation-duration: 2s;
animation-delay: 2s;
animation-iteration-count: infinite;
}
@Keyframes showHide{
from{
opacity: 0
}
to{
opacity: 1;
}
}
Infinite Loop!
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.