BestHub
Sign in
Tag

hover effect

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 7, 2025 · Frontend Development

How to Build a Gradient‑Border Input with CSS – Full Step‑by‑Step Guide

This article walks you through creating a stylish input field with a gradient border using CSS background‑clip, covering the underlying principle, hover and focus effects, smooth transitions, and providing complete, ready‑to‑use code snippets.

CSSfocus effectfrontend
0 likes · 8 min read
How to Build a Gradient‑Border Input with CSS – Full Step‑by‑Step Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 20, 2025 · Frontend Development

Implement SVG Hover Color Change Using a Vue Custom Directive

This article explains how to create a reusable Vue custom directive that changes an SVG's fill color on hover, covering simple fill‑only SVGs, dynamic color parameters, and handling more complex SVGs by swapping SVG markup strings.

Custom DirectiveFrontend DevelopmentSVG
0 likes · 9 min read
Implement SVG Hover Color Change Using a Vue Custom Directive
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 18, 2025 · Frontend Development

Implement SVG Hover Color Change with a Vue Custom Directive

This article explains how to simplify SVG hover color changes in Vue by creating a reusable custom directive that dynamically modifies the fill attribute or swaps SVG markup, reducing duplicated markup and improving maintainability for both simple and complex SVG graphics.

Custom DirectiveJavaScriptSVG
0 likes · 9 min read
Implement SVG Hover Color Change with a Vue Custom Directive