Artem627

Класса для антиховера нет.

Не уверен, что там вообще нужна keyframes, вполне можно обойтись обычным translate.
Тогда анимация будет плавной в обоих направлениях.

#ads{
translate: all 1s ease;
}
#ads:hover {
width: 250px;
height: 320px;
margin-top: 0px;
border-radius: 20px;
color: rgba(0,0,0,0);
}

Всё легче чем кажется

.imglogo{
	margin: 0 0 0 200px;
    transition-property: all;
    transition: .9s
}
.imglogo:hover{
  -webkit-transform: scale(1.6);
  -ms-ransform: scale(1.6);
  transform: scale(1.6);
}

Закинул свой, но надеюсь понятно

А потому-что Вы функцию blink вызываете в цикле (вообщем нужно без скобок), и вообще такая конструкция работать правильно не будет.

Сделайте так:

for (var i = 0; i < li.length; i++) {
   setInterval(blink, 1000); 
}

UPD
Чтоб правильно работало, скажите что вы хотите добится? и зачем Вам тут цикл.
Просто из-за того, что функция выполняется с задержкой, вы всегда будете иметь n = li.length - 1
Да и к тому-же blink будет вызван больше раз, чем вы задумали :)