Создание дизайна и анимации типа выделения в html css ⇐ CSS

[Anonymous]

Итак, на самом деле я создал элемент 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