Итак, на самом деле я создал элемент div как область выделения, но я попытался добавить элементы диапазона внутри элемента выделения области, например
A1 B1 C1 D1
A2 B2 C2 D2 p>
A3 B3 C3 D3
A4 B4 C4 D4
Но это начинается с A3 и заканчивается на B4, что-то вроде и отобразить пустое пробел
Заранее спасибо
Я оставляю код ниже или здесь codepen li# nk
https://codepen.io/Vicky -clowdy/pen/KwPZyJP
текст
HTML
*
custom branding 1
class="d-flex flex-row align-items-center justify-content-between py-4"
>
*
website design
class="d-flex flex-row align-items-center justify-content-between py-4"
>
*
digital marketing
class="d-flex flex-row align-items-center justify-content-between py-4"
>
*
strategy consulting
class="d-flex flex-row align-items-center justify-content-between py-4"
>
*
analytics & reporting
class="d-flex flex-row align-items-center justify-content-between py-4"
>
*
custom branding 2
class="d-flex flex-row align-items-center justify-content-between py-4"
>
*
website design
class="d-flex flex-row align-items-center justify-content-between py-4"
>
*
digital marketing
class="d-flex flex-row align-items-center justify-content-between py-4"
>
*
strategy consulting
class="d-flex flex-row align-items-center justify-content-between py-4"
>
*
analytics & reporting
CSS
#marquee {
background-color: #bff747;
display: flex;
align-items: center;
justify-content: center;
height: 120px;
position: relative;
white-space: nowrap;
}
.track {
display: flex;
flex-direction: row;
justify-content: flex-start;
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 15s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
#marquee span,
#marquee i {
color: black;
font-size: 40px;
text-transform: capitalize;
font-weight: 700;
line-height: 1.2em;
}
#marquee .track i {
margin: 0 30px;
}
Подробнее здесь: https://stackoverflow.com/questions/793 ... n-html-css
