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

HTML-версткаЗавершен1 заявка932 просмотра
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

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

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
3 года назад
tvoy
42 годаРоссия
17 лет в сервисе
Был
7 месяцев назад
Выбранный исполнитель
obwiner
Олег 
30 летУкраина
3 года в сервисе
Был
3 года назад
3 отзыва(-1)
3 года назад
$10
1 день
Исполнитель разобрался, с задачей и направил на верное решение. Это решение связанно с упрощением анимации и доработкой js. Рекомендую исполнителя.
Отличный заказчик, отличная коммуникация, 100 процентов рекомендую!
  • Похожие заказы

  • Верстка лендинга на Вордпресс срочно

    $80

    Нужно сверстать лендинг с посадкой на Вордпресс. В админке должна быть возможность легкого редактирования контента по средствам кастомных полей: текст, видео, фото. Макеты в фотошопе: десктопная + мобильная версии. Jpg прикрепил к задаче. Сайт должен хорошо ...

    WordPressPhotoshopВерстка лендинга
    HTML-верстка22 заявки
    Закрыт
    3 года назад

  • Доработка по верстке

    Нужны доработки по верстке! Небольшое количество задач , работы на 4-5 часов. JS, VueJS, NuxtJS обазательно, ECMA2015+, RestAPI, Axios #верстка

    Javascript
    HTML-верстка1 исполнитель
    Завершен
    3 года назад

  • Адаптивная верстка 2 страницы

    $30

    Необходимо сверстать три экрана. 1 и 2 в одном html файле. 3 в другом html файле. к первой странице есть пожалев. Ее привязать. На втором экране есть спины. Они должны крутиться с разной скоростью. ...

    HTML
    HTML-верстка1 заявка
    Закрыт
    3 года назад

  • Сверстать сайт

    $20

    Есть верстка от кривовго исполнителя. нужно взять данную весртку и сверстать как надо. Текст должен быть текстом. Должен быть ровный адаптив. Сделать все красиво в общем. Сдать надо сегодня. Бюджет 500 грн(1500р). Только с отзывами

    HTML-верстка3 заявки
    Закрыт
    3 года назад

  • Нужно сверстать сайт исключительно на флексах без бутсртапов и т.п. из

    https://www.figma.com/file/JdNfg43GD1mfKPPFRF8r5K/DPNewDiz-(Copy)?node-id=0%3A1 Нужно чтобы на всех устройствах сайт отображался одинаково. По сути нет ничего сложного, но есть модальные окна, вылет разных блоков. Всего одна страница, но не лендинг в классическом понимании плюс один шаблон для внутренней. Будет несколько ...

    Node.js
    HTML-верстка37 заявок
    Закрыт
    3 года назад

  • Сверстать сайт HTML + css

    Сверстать несколько страниц сайта HTML + css. Без программирования. Дизайн в Figma. На данном этапе 4 страницы. Указывайте бюджет и сроки. Также примеры аналогичных работ, схожих по функциональности. Скринштоты для ознакомления по ссылке: https://dropmefiles.com/cCs6m

    HTMLCSSFigma
    HTML-верстка34 заявки
    Закрыт
    3 года назад

  • Верстка с 0 крупного проекта. Figma, bootstrap, БЭМ, Mobile friendly

    Есть большой работающий проект, больше 100 страниц, размер css превысил 1мб Планируем делать перезапуск проекта с обновлением дизайна.  Основа нового дизайна отрисована, ее будем верстать с 0.  Часть старого дизайна и верстки планируется оставить и перенести c обновлением ...

    CSSBootstrapFigmaSCSS
    HTML-верстка1 исполнитель
    Завершен
    3 года назад

  • Сверстать 6 страниц

    $40

    Нужно адаптивно сверстать 6 страниц, макет простой, разделителем страниц на картинке служит меню. Указывайте сроки.

    HTML-верстка1 исполнитель
    Закрыт
    3 года назад