Как с помощью CSS при наведении курсора менять цвет рамки сразу у нескольких карточек?

Question

[amigo567]

Как называется и делается такой эффект?



Увидел здесь: https://koel.dev/

.card:hover { border: 1px solid orange; } уже не сработает, ведь не вся рамка заливается цветом + чем ближе к курсору, тем ярче цвет, как тогда?

Comments

[Алексей Ярков]

А что в devtools?

[Aetae]

1. К Vue вопрос отношения не имеет.
2. Открываешь инструменты разработчика и смотришь, какие проблемы то? Это базовый навык, без этого ты никуда не уедешь в разработке.
3. Не глядя яб сказал к граница - не граница, а тупо подложка с отступом. И по этой подложке двигается js'ом за курсором radial-graient.

[Андрей]

https://www.youtube.com/watch?v=htGfnF1zN4g

[Ankhena]

Такой же вопрос
Как добиться такого эффекта при наведении?