Задать вопрос
@KataGol

Как связать пунктирной линией слова (строки) в колонках?

Доброго времени суток, Ув. программисты! Помогите разобраться с заданием "хлебные крошки":
реализовать блок из 3 колонок, в каждой колонке 4 строки, состоящие из одного слова. При нажатии на любое из слов, оно выделяется красным цветом (в каждой колонке только одно слово может быть выделено красным). Все красные слова должны быть связаны пунктирной линией.
Первую часть реализовать вроде получилось ( https://jsfiddle.net/sy0krzhf/1/ ), а вот как соединять пунктирной линией, не пойму. Помогите пожалуйста!
  • Вопрос задан
  • 65 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
san_jorich
@san_jorich
Творческий кодер
самое простое что "просится" - сделайте пунктирной границу ячейки при нажатии. Они образуют визуальную связь.
Вторым решением может быть генерация svg path. Это сложнее но реально (отправная точка https://codepen.io/anthonydugois/pen/mewdyZ )
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы