Size: a a a

CSS — русскоговорящее сообщество

2020 March 26

_p

_ pav in CSS — русскоговорящее сообщество
Привет. Может кто-то подсказать как такое сделать?
При наведении мыши на текст, появляются красная рамка и линия к соответствующей точке на машине, точка также  становится красной
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
_ pav
Привет. Может кто-то подсказать как такое сделать?
При наведении мыши на текст, появляются красная рамка и линия к соответствующей точке на машине, точка также  становится красной
Адаптив есть?
источник

_p

_ pav in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
Адаптив есть?
да
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
Может сделать стрелку картинкой(или получше), которая будет менять размеры, когда блок двигается?
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
А обводку прикрутить к самому блоку с текстом
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
По факту же это просто диагональ прямоугольника, а края состыковать всегда можно.
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
Наверное через js можно лучше сделать
источник

E

Evgeniy in CSS — русскоговорящее сообщество
Подскажите каким образом такую стрелку можно сделать. В каком направлении копать инфу?
источник

_p

_ pav in CSS — русскоговорящее сообщество
а как через JS? Создать центральный блок, на бекграунд поставить картинку с машиной, задать блоку канвас и рисовать ? Или как именно?
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
Evgeniy
Подскажите каким образом такую стрелку можно сделать. В каком направлении копать инфу?
Могу аналогичный способ предложить. Только тут у Вас длинный отрезок - картинка, а остальное жёстко связанно с оранжевыми штуками
источник

E

Evgeniy in CSS — русскоговорящее сообщество
Обычные стрелки через Before отлично становятся. А с этой длинной голову ломаю
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
Вообще песок давайте. Можно еще сделать через грид это или аналог
источник

E

Evgeniy in CSS — русскоговорящее сообщество
точно, спс
источник

A

Antony in CSS — русскоговорящее сообщество
привет всем
источник

A

Antony in CSS — русскоговорящее сообщество
источник

A

Antony in CSS — русскоговорящее сообщество
подскажите как это гридами сделать
источник

A

Antony in CSS — русскоговорящее сообщество
спасибо
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
а) сделать что?
б) тут не нужны гриды нигде
источник

A

Antony in CSS — русскоговорящее сообщество
вот эти пять блоков
источник

A

Azizbek S. in CSS — русскоговорящее сообщество
Antony
вот эти пять блоков
Flexbox
источник