Я много работал с HTML и CSS в прошлом, но это мой первый проект за долгое время, поэтому извините за любые несоответствия.
За последний день или около того я ' Я работал над небольшим сайтом для себя. Для ссылки на мои учетные записи в социальных сетях я использовал несколько значков сагов. При наведении курсора на значки, которые я использовал, введите CSS для изменения цвета, эта часть работает нормально, но у меня возникла проблема с использованием перехода между цветами. Все отлично работает в Chrome, но не в сафари.
Например, я обнаружил, что только одна из иконок в сафари переходит между цветами. Все они меняют цвета, но только у одного есть переход. У меня есть только один переход в моем CSS, поэтому я не уверен, почему это может быть.
Сначала я предположил, что это была проблема с моим выбором элемента CSS (он все еще может быть ) потому что первый элемент - это тот, над которым работает переход, но после дальнейшей проверки я обнаружил, что независимо от порядка значков, одни и те же переходы, а другие нет.
I ' я пробовал оба, используя transition: 200ms ease-in-out;, а также -webkit-transition: 200ms ease-in-out; (я не уверен, что делает веб-набор, но изменение было рекомендовано другом.)
Я также попробовал transition: fill 200ms ease-in-out;, который также не смогли. Я могу заставить другие изображения svg на странице переходить с этим, так что я совершенно не понимаю, что вызывает это.
Я не хотел вставлять сюда все HTML и CSS, но если это будет более полезным, пожалуйста, дайте мне знать, в противном случае сайт в настоящее время работает по адресу nilsstreedain.com
Любая помощь будет принята с благодарностью, спасибо!