ОБНОВЛЕНИЕ: я обновил этот пост более 5 раз, но все еще не мог
получить соответствующий ответ, я буду признателен, если вы могли бы прочитать мой вопрос
внимательно и ответь <3 </p>
Я хочу создать слайд-шоу , как и bwin's mobile version website
. Я начал анализировать, как это работает. но это работает странно, если вы используете inspect element в Google Chrome или в любом браузере, вы можете увидеть слайд-шоу работ без любой inline styles added dynamically
.
во всех слайд-шоу, которые я видел раньше, были встроенные стили, которые они добавляли в теги HTML через определенный промежуток времени. в этом случае я не вижу никаких встроенных стилей, которые добавляют к тегам, но это работает как шарм. Я проверил файлы CSS
для свойства keyframe
и ничего не было, и, конечно же, они тоже не используют transition
.
для получения дополнительной информации хорошо бы сказать, что они используют угловой в качестве своей интерфейсной структуры.
Примечание: откройте мобильную версию веб-сайта на компьютере, чтобы узнать, что происходит!
Адрес: https://sports.m.bwin.com/en/sports
Буду признателен, если вы расскажете, как работает слайд-шоу bwin? а как создать это слайдшоу?
спасибо большое <3 </p>
ОБНОВЛЕНИЕ: Отдельное спасибо Серджиу Параскиву, что он понял, Google
Инструменты разработчика Chrome не показывают встроенные изменения для свойства translateX
из DOM Shadows он протестировал мобильную версию bwin с помощью своего Safari
на своем компьютере Mac, и он сделал снимок экрана " imgur.com / a / Php4EhB ",
так что вы можете увидеть встроенные изменения в браузере Safari в Mac OS. Зачем
Google Chrome или Firefox не показывает изменения встроенного translateX
собственность DOM Shadows?