Tagged articles

hover

2 articles · Page 1 of 1

Feb 24, 2025 · Frontend Development

How to Smoothly Change Border Width on Hover Without Layout Shift

This article explains why increasing a card's border width on hover can cause layout jitter and presents three CSS techniques—transparent initial border, dynamic padding adjustment, and flex‑centered layout—to achieve a smooth transition without shifting inner content.

CSSTransitionborder

0 likes · 6 min read

How to Smoothly Change Border Width on Hover Without Layout Shift

Hujiang Design Center

Jan 5, 2017 · Frontend Development

Why Hover Is Dead—and How to Design Interactions for Touch‑First Devices

The article examines how the rise of touch‑enabled laptops and tablets has rendered traditional mouse‑hover interactions obsolete, shares user research findings, and offers practical recommendations and pitfalls for designing effective hover‑based UI in modern web applications.

Frontendhoverinteraction design

0 likes · 5 min read

Why Hover Is Dead—and How to Design Interactions for Touch‑First Devices