Как лучше сделать такое?

Question

[Дмитрий]

Есть вот такой блок:


При ховере происходит вот это:


Как лучше такое сделать? Пробовал через псевдоэлементы и css – не пошло. Проблема конкретно со стрелкой и ховером.

Answer 1

[Сергей delphinpro]

codepen.io/delphinpro/pen/GmRJBJ

Answer 2

[GreatRash]

Никак не сделать. На слове "просчёт" ховер всё равно будет глючить, потому что слово стоит дальше начала стрелки. Дизайнер облажался. объясните ему, что так делать нельзя.

Comments

[Дмитрий]

Я думаю решением этой проблемы будет "ну подвинь стрелку чуть дальше" :) И мы вернемся всё к тому же вопросу.

[Сергей delphinpro]

Блин, я не знал, что никак не сделать... Нечаянно сделал. =)))

[GreatRash]

Сергей: Молодец. Про тонны before/after я не подумал.