Хотелось бы узнать, как скрыть div после набора анимации css3. Здесь мой код:
HTML
<div id='box'>
hover me
</div>
CSS3
#box{
position:absolute;
top:200px;
left:200px;
width:200px;
height:150px;
background-color:red;
}
#box:hover{
-webkit-animation:scaleme 1s;
}
@-webkit-keyframes scaleme {
0% { -webkit-transform: scale(1); opacity: 1; }
100% { -webkit-transform: scale(3); opacity: 0;display:none; }
}
Здесь пример jsfiddle для лучшей иллюстрации:
http://jsfiddle.net/mochatony/Pu5Jf/18/
Любая идея, как сделать, скрыть поле навсегда, лучше всего без javascript?