Tag

transform

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 5, 2025 · Frontend Development

Making position:fixed Relative to Parent Elements with CSS Techniques

This article explains why CSS position:fixed normally anchors to the viewport, describes the challenges in complex layouts, and demonstrates several CSS tricks—such as using transform, perspective, filter, backdrop-filter, and contain:paint—to make a fixed element position relative to a specific parent, while also covering best‑practice considerations.

CSSWeb Developmentfrontend
0 likes · 8 min read
Making position:fixed Relative to Parent Elements with CSS Techniques
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 8, 2024 · Frontend Development

RTL Layout Adaptation Practices for Web Front-End Development

The guide outlines a direction‑based RTL adaptation workflow for web front‑ends—detecting language, setting the HTML dir attribute, using a lightweight helper, configuring postcss‑rtlcss (combined mode) to generate mirrored CSS, handling SSR and third‑party components, and providing a dev switch tool for seamless LTR/RTL support.

CSSDirectionInternationalization
0 likes · 18 min read
RTL Layout Adaptation Practices for Web Front-End Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 10, 2022 · Frontend Development

Separate Writing of CSS transform Functions: New Chrome 104 Feature and Practical Usage

This article explains the newly supported individual CSS transform properties in Chrome 104, demonstrates how to split transform into translate, rotate, and scale declarations, discusses ordering effects, compatibility considerations, and provides practical code examples for complex layouts and animations.

CSSCSS3Chrome
0 likes · 11 min read
Separate Writing of CSS transform Functions: New Chrome 104 Feature and Practical Usage
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jun 29, 2022 · Artificial Intelligence

Music FeatureBox: A Custom Feature Store for Machine Learning at NetEase Cloud Music

Music FeatureBox is NetEase Cloud Music’s custom feature store that centralizes metadata, unifies offline and online feature storage across multiple engines, provides a cross‑language DSL for extraction, ensures training‑inference data consistency, and offers built‑in monitoring, thereby streamlining feature engineering and accelerating the platform’s machine‑learning lifecycle.

DatahubFeature StoreMonitor
0 likes · 17 min read
Music FeatureBox: A Custom Feature Store for Machine Learning at NetEase Cloud Music
NetEase Media Technology Team
NetEase Media Technology Team
Jul 23, 2021 · Frontend Development

CSS Animation Techniques for Medal Unlock and Gyroscope Effects

The article explains how to create a seamless medal‑unlock animation using layered SVG clipPath tricks and a four‑step CSS process, and how to build an interactive gyroscope effect with deviceorientation events, while emphasizing performance‑friendly practices such as using transform, opacity, requestAnimationFrame, and avoiding reflow‑inducing properties.

3D effectsCSS animationDevice Orientation
0 likes · 10 min read
CSS Animation Techniques for Medal Unlock and Gyroscope Effects