Переписать код css, анимация не тормозила и не смещала макет

Борис18 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
26.03.2021

Гугл спид показывает

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftvoyadres.ru%2Fkrasnodarskii-krai%2Fkrasnodar%2Fnedvizhimost%2Fdoma%2Fprodazha%2Fbez-posrednikov%2F&tab=desktop&hl=ru

Избегайте некомбинированных анимаций Обнаружено 5 анимированных элементов

Неподдерживаемое свойство CSS: box-shadow

Неподдерживаемое свойство CSS: border-bottom-color

Неподдерживаемое свойство CSS: border-left-color

Неподдерживаемое свойство CSS: border-right-color

Неподдерживаемое свойство CSS: border-top-color

.control:focus, .control.selected {

border-color: #66afe9;

outline: 0;

-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);

box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);

}

мне нужно чтоб внешний не сломался, и приэтом, чтоб гугл спеед не ругался на вот пример как люди решили проблему

https://webformyself.com/svojstvo-box-shadow-v-css-kak-animirovat-bez-poteri-proizvoditelnosti/

нужно примерно тоже само применить на моем сайте.

И еще этот код хлебных крошек немного дергается

 

  1. Главная
  2. Чувашская Республика
  3. Чебоксары
  4. Недвижимость

Недвижимость в Чебоксарах 7732 объявлений

Подобрать в огромной базе недвижимости в Чебоксарах c требуемыми фильтрами по недорогой цене новые объявления. Нетрудно присмотреть привлекательную недвижимость Чебоксары предложения с фото в один момент.

Избегайте некомбинированных анимаций Обнаружено 5 анимированных элементов

CSS

Заявки фрилансеров