mardi 21 avril 2015

css :target fadeOut animation not working

I'm trying to use the :target property to animate a fade out, at the moment it just disappears and I want to get the fadeOut animation to work rather than it just vanishes this is activated by the close cross button using × could some one have a look at my code and see if you can get it to work please thanks.

codepen.io

line 112:

:target {    
  -webkit-animation: fadeOut 1s ease;  
  -moz-animation: fadeOut 1s ease;  
  animation: fadeOut 1s ease;
}

 @-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    right: 0px;
  }
  100% {
    opacity: 0;
    right: 0px
  }  
}

Aucun commentaire:

Enregistrer un commentaire