Делаем эффекты focus-vicible, hover, active для иконок с помощью векторной графики.

Делаем эффекты - :hover :focus-visible :active, для ссылок и кнопок.Подробнее

14. CSS псевдоклассы — child, not. Состояния hover, focus и focus-visible, active, disabled, checkedПодробнее

Правильный порядок состояний (focus, hover, active) для элементовПодробнее

Ховер эффекты svg с помощью currentColorПодробнее

SVG иконки. Изменение в CSSПодробнее

Хороший и плохой focus, полифил focus-visible и Open PrioritizationПодробнее

CSS Фокус без побочных эффектов — focus-visibleПодробнее

#30 Псевдоклассы: hover, visited, active, focus, first-child и т.п. [Курс по Верстке от AROKEN]Подробнее

Псевдокласс focus-visible в CSS || Pseudo-class focus-visible in CSS || Full CSS course from A to ZПодробнее

Псевдоклассы focus-within и focus-visible в CSSПодробнее

SVG. Руководство по использованию векторных изображенийПодробнее

Draw Underline Link Hover Effect | CSS Menu Hover EffectПодробнее

Cобственный стиль с Fooocus! Настройки, разбор, гайд.Подробнее

Spline за 15 минут | Design 15 Урок №6/5Подробнее