Новосибирск +7(983)

По всем вопросам :

Телеграм : @radgura

Бегущая строка через CSS

Код:

<ul style="list-style: none;" class="marquee">
<li class="marqueeli"><img src="/images/1.jpg" alt="" ></li>
<li class="marqueeli"><img src="/images/2.jpg" alt="" ></li>
</ul>

Стиль:

<style>
.marquee{width: 100%;display: flex; margin: 0 auto; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
.marqueeli{float:left;display: inline-block;padding-left: 10%;animation: marquee 15s linear infinite;}
@keyframes marquee {0% {transform: translate(0, 0);}100% {transform: translate(-100%, 0);}}
</style>

Комментарии (0)

Здесь ещё нет оставленных комментариев.

Оставьте свой комментарий

  1. Добавление комментария от гостя.
Вложения (0 / 3)
Share Your Location

Как с нами связаться

По всем вопросам пишите  

Телеграм: @radgura

OnLine заказ

Отправить сообщение

Нажимая на кнопку «Отправить сообщение», я соглашаюсь:
* с условиями публичной оферты
* обработку моих персональных данных


RAD компоненты

Please publish modules in offcanvas position.