html{height:100%;}
body{background-image:url('DONA.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:center;min-height:100%;margin:0;}
div{display:block;}
canvas{opacity:0; transition: 3s; -webkit-animation:item-hover-off 3s;-moz-animation:item-hover-off 3s;-ms-animation:item-hover-off 3s;-o-animation:item-hover-off 3s;animation:item-hover-off 3s;}
canvas:hover{opacity:1;-webkit-animation:item-hover 3s;-moz-animation:item-hover 3s;-ms-animation:item-hover 3s;-o-animation:item-hover 3s;animation:item-hover 3s;}
@keyframes item-hover{from{opacity:0;}
to{opacity:1;}
}
@-moz-keyframes item-hover{from{opacity:0;}
to{opacity:1;}
}
@-webkit-keyframes item-hover{from{opacity:0;}
to{opacity:1;}
}
@keyframes item-hover-off{from{opacity:1;}
to{opacity:0;}
}
@-moz-keyframes item-hover-off{from{opacity:1;}
to{opacity:0;}
}
@-webkit-keyframes item-hover-off{from{opacity:1;}
to{opacity:0;}
}
}