Anglais (US)

Image progressive blend CSS transition or animation

CSS animations
CSS Transitions
Code:
@keyframes melt { 
from {  
background-image: url("../Files/Image/ananat.jpg"); 
} to { 
background-image: url("../Files/Image/plage.JPG"); 

 
@keyframes meltback { 
from { background-image: url("../Files/Image/plage.JPG");} to {background-image: url("../Files/Image/ananat.jpg");} 

 
.melting{ 
animation-name: meltback; 
animation-duration: 3s; 

 
.melting:hover{ 
animation-name: melt; 
animation-duration: 3s; 
animation-fill-mode: forwards; 

 
.fondu{ 
background-image: url("../Files/Image/ananat.jpg"); 
-webkit-transition-duration: 1s; /* Safari and Chrome */ 
transition-duration: 1s; 

 
.fondu:hover{ 
background-image: url("../Files/Image/plage.JPG");