mask | BestHub

Rare Earth Juejin Tech Community

Apr 13, 2024 · Frontend Development

Implementing a Custom OnBoarding Tour Component with Ant Design 5 in React

This article walks through building a reusable OnBoarding (tour) component for React applications using Ant Design 5, explaining the underlying mask technique, step management, animation handling, resize observation, and providing complete source code and usage examples.

Ant DesignReactTour Component

0 likes · 14 min read

Implementing a Custom OnBoarding Tour Component with Ant Design 5 in React

Rare Earth Juejin Tech Community

Nov 4, 2023 · Frontend Development

Implementing a Parabolic Jump Interaction for Bottom Navigation with CSS3 Mask and JavaScript

This article explains how to create a bottom navigation bar that jumps along a parabolic trajectory using a mathematical formula for the curve, CSS3 mask and radial‑gradient techniques, and a requestAnimationFrame‑driven JavaScript animation loop.

JavaScriptParabolic Motioncss3

0 likes · 5 min read

Implementing a Parabolic Jump Interaction for Bottom Navigation with CSS3 Mask and JavaScript

Yuewen Frontend Team

Jan 19, 2021 · Frontend Development

How to Build a Pure CSS Star Rating with input type="range"

This article walks through creating a fully CSS‑based star rating component using the HTML input type="range", exploring its shadow‑DOM structure, applying CSS masks, handling cross‑browser quirks, and providing complete code snippets for a flexible, lightweight solution.

CSScross-browserfrontend

0 likes · 10 min read