Мне нужна твоя помощь.У меня есть код CSS для анимации границы на веб-сайте WordPress.Этот код прекрасно работает во всех браузерах, даже в сафари, но только с Codepen и теперь с определенной страницей php, не использующей wordpress.И лучше всего то, что все остальные анимации (всего 3) отлично работают с сафари на моем сайте.Я подозреваю, что css «transform» и «transform-origin».
Я удалил и вставил снова рабочий код, но анимация не работает на моем веб-сайте.
У меня нет ошибкив консоли.Мне просто нужно было удалить исходную карту начальной загрузки (min.js & min.css), которая отображает ошибку в консоли браузера.Может ли проблема возникнуть из-за этого?
Используемый код одинаков в codepen и на моем веб-сайте css, js и html коды.
Я попытался добавить ключевые слова -webkit- к css ""," animation "," transform and transform-origin "без результатов на моем сайте.Но в Codepen эти браузерные префиксы не нужны.код ниже просто отображает ссылку Codepen, я не знаю, где моя ошибка или ошибка.
Возможно ли, что Codepen.Io добавит некоторые файлы, которых у меня нет на моем сайте?
Мой код ручки
.anim-presentation span:before
{
content: '';
position: absolute;
width:90%;
height: 1px;
background: #9D7345;
animation: animate 4s linear infinite;
}
Тест на моем веб-сайте
Редактировать: я пытался указать php файл, и он работает: но я понятия не имею, где моя ошибка!Я сравнил код этих двух страниц, и нет никаких отличий!
спасибо