Tagged articles

hover effect

3 articles · Page 1 of 1

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

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.

SVGVue.jscustom directive

0 likes · 9 min read

Implement SVG Hover Color Change Using a Vue Custom Directive

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.

JavaScriptSVGVue

0 likes · 9 min read

Implement SVG Hover Color Change with a Vue Custom Directive