События

[serega]

Не работает. Идет только уменьшение . Зато понял, что исходная Opacity перебивается ею же в Особых стилях. и полностью убивает любой HOVER. Это все. Спасибо , Gudwinn, дальше не надо.

[Gudwinn]

Источник цитаты Не работает.

Всё работает, не обманывайте читателей)))

[serega]

нашел свою старую тему.
Развлекаюсь со стилями и Анимацией. Открыл главный файл стилей , который генерит WWB-17

Код: Выделить всё

@-webkit-keyframes transform-marquee
{
   0% { -webkit-transform: translate(100%,0px) rotate(0deg) ;  }
   10% { -webkit-transform: translate(0px,0px) rotate(0deg) ;  }
   40% { -webkit-transform: translate(0px,0px) rotate(0deg) ;  }
   50% { -webkit-transform: translate(-100%,0px) rotate(0deg) ;  }
   100% { -webkit-transform: translate(-100%,0px) rotate(0deg) ;  }
}
@-moz-keyframes transform-marquee
{
   0% { -moz-transform: translate(100%,0px) rotate(0deg) ;  }
   10% { -moz-transform: translate(0px,0px) rotate(0deg) ;  }
   40% { -moz-transform: translate(0px,0px) rotate(0deg) ;  }
   50% { -moz-transform: translate(-100%,0px) rotate(0deg) ;  }
   100% { -moz-transform: translate(-100%,0px) rotate(0deg) ;  }
}
@keyframes transform-marquee
{
   0% { transform: translate(100%,0px) rotate(0deg) ;  }
   10% { transform: translate(0px,0px) rotate(0deg) ;  }
   40% { transform: translate(0px,0px) rotate(0deg) ;  }
   50% { transform: translate(-100%,0px) rotate(0deg) ;  }
   100% { transform: translate(-100%,0px) rotate(0deg) ;  }

Здесь какая-то Анимация. Но эти устаревшие вендорные префиксы ! Они с 2016 года уже отменены, все древние браузеры прекрасно видят общий вариант (последнюю треть кода) . Этот WWB лишний код, разрастается сайт и наверное тормозит сильнее.

я даже удалил превые 2/3 , все работает в EDGE и Vivaldi

[serega]

а вот index.css

Код: Выделить всё

.ca-menu li
{
   overflow: hidden;
   display: block;
   width: 213px;
   height: 122px;
   background: #000000;
   margin-bottom: 0px;
   border: 0px solid #000000;
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   -ms-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
}

Тут еще и Opera помнят, и даже IE :) Последняя версия ...
all -- тоже давно на свалке истории