Kosten, у тебя конкретно вот такие стили:
Код
.scrollup{
width:40px;
height:40px;
position:fixed;
bottom: 297px;
right:25px;
display:none;
text-indent:-9999px;
background: url('http://zornet.ru/ZORNET/drental/vverkh.png') no-repeat;
opacity:0.5;}
.scrollup:hover{
opacity:0.7;
}
Отталкиваясь от них, привязываемся к классу scrollup, но вместо opacity:0.7; ставим opacity:0, и полностью убираем scrollup:hover. В итоге получаем;
Код
.scrollup{
width:40px;
height:40px;
position:fixed;
bottom: 297px;
right:25px;
display:none;
text-indent:-9999px;
background: url('http://zornet.ru/ZORNET/drental/vverkh.png') no-repeat;
opacity:0;
animation: hover 8s linear infinite;
-webkit-animation: hover 8s linear infinite;
-moz-animation: hover 8s linear infinite;
-o-animation: hover 8s linear infinite;
-ms-animation: hover 8s linear infinite;
}
@keyframes hover {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes hover {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes hover {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes hover {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-ms-keyframes hover {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
