<!DOCTYPE html> | |
<style> | |
div { | |
width: 100px; | |
height: 100px; | |
background-color: red; | |
} | |
.animate { | |
animation-name: test; | |
animation-duration: 4s; | |
} | |
@keyframes test { | |
from { opacity: 0.0;} | |
to { opacity: 1.0;} | |
} | |
</style> | |
<div id="target" class="animate"></div>; |