Какими элементами можно сверстать стрелки у этого стлайдера?

Question

[AhmedGasem]

Answer 1

[Ankhena]

1. Как сделать стрелочки, есть куча разных символов изображающих стрелки, например, тут: tehnopost.info/html/6-tablica-simvolov-yunikod-v-h...
2. Кружочки: просто border какой хочется и border-radius: 50%

И не надо никаких лишних картинок

3. Сами элементы - a, span, div, button, что там еще в голову придет. Теоретически можно и псевдоэлементами, но на них как-то надо нажимать.

Answer 2

[Antonsky23]

Круг можно сделать через квадратный блок у которого border-radius: 50%; а стрелку через тот же квадрат, но повернутый на 45 градусов через transform: rotate(45deg); у которого нужно две грани бордера сделать нужного цвета и толщины, а две других грани transparent.

Answer 3

[razvedkeslava]

Удобнее всего будет через :before и :after

Comments

[AhmedGasem]

Это я понял,но как именно поместить в круг эти стрелки?

[razvedkeslava]

content: "< "; border-radius:50%;

Answer 4

[Дмитрий Кравченко]

сами кнопки любыми отдельными элементами - баттонами, ссылками, дивами
почему не псевдоэлементами? - ведь их нужно будет нажимать

стрелки внутри могут быть псевдоэлементами с нужными трансформами, инлайн свг, либо просто картинками