Tag

gradient

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 18, 2024 · Mobile Development

Flutter Karaoke-Style Lyric Gradient Animation Tutorial

This article explains how to create a karaoke‑style per‑word gradient highlight for song lyrics in a Flutter app, covering the visual effect analysis, gradient positioning tricks, ShaderMask usage, animation with Tween and AnimationController, per‑character timing, and progress synchronization.

FlutterShaderanimation
0 likes · 13 min read
Flutter Karaoke-Style Lyric Gradient Animation Tutorial
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 28, 2023 · Frontend Development

Creating a Beautiful Mid‑Autumn Festival Card with Pure CSS

This article walks through a step‑by‑step pure‑CSS implementation of a Mid‑Autumn Festival greeting card, covering animated cloud backgrounds, a glowing cut‑out moon with text, flashing lanterns, moving clouds, and a running rabbit, while explaining the underlying CSS techniques and challenges.

Blend ModeFrontendPure CSS
0 likes · 13 min read
Creating a Beautiful Mid‑Autumn Festival Card with Pure CSS
DaTaobao Tech
DaTaobao Tech
Jul 14, 2023 · Frontend Development

Gradient Iconfont Implementation with CSS and React

This article explains how to create gradient iconfonts by using CSS background‑clip:text (with transparent text) and optionally mix‑blend-mode:darken, demonstrates a reusable React component that applies gradient backgrounds via style props, and shows graceful degradation with @supports queries for browsers lacking background‑clip support.

Front-endReactcss
0 likes · 8 min read
Gradient Iconfont Implementation with CSS and React
Model Perspective
Model Perspective
Nov 10, 2022 · Fundamentals

Why the Gradient Points to the Steepest Ascent: Understanding Directional Derivatives

This article explains that the gradient of a multivariable function is a vector indicating the direction of greatest increase, shows how directional derivatives are computed, and demonstrates that the maximum rate of change occurs when moving along the gradient direction.

calculusdirectional derivativegradient
0 likes · 2 min read
Why the Gradient Points to the Steepest Ascent: Understanding Directional Derivatives
Model Perspective
Model Perspective
Sep 26, 2022 · Fundamentals

Deriving Scalars with Respect to Vectors Using the Definition Method

This article explains how to compute the derivative of a scalar-valued function with respect to a vector by applying the definition method, illustrating the process with simple and more complex examples, outlining basic differentiation rules, and discussing the limitations of the definition approach for vector‑matrix derivatives.

calculusdefinition methodderivative
0 likes · 6 min read
Deriving Scalars with Respect to Vectors Using the Definition Method
Model Perspective
Model Perspective
Sep 21, 2022 · Fundamentals

Understanding Matrix and Vector Derivatives: Layouts and Jacobians Explained

This article introduces matrix and vector differentiation, explains the nine possible derivative cases, clarifies numerator and denominator layouts, and shows how Jacobian and gradient matrices arise, providing a concise foundation for machine‑learning calculus.

Jacobiandenominator layoutgradient
0 likes · 8 min read
Understanding Matrix and Vector Derivatives: Layouts and Jacobians Explained
Model Perspective
Model Perspective
Aug 11, 2022 · Fundamentals

Understanding Gradients: How Directional Derivatives Reveal Maximum Change

The article explains that the gradient of a function is a vector pointing in the direction of greatest increase, representing the maximal directional derivative, and illustrates this concept for single‑variable and two‑variable functions with diagrams, showing how unit vectors determine rates of change along any direction.

calculusdirectional derivativegradient
0 likes · 3 min read
Understanding Gradients: How Directional Derivatives Reveal Maximum Change
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 13, 2022 · Frontend Development

Recreating the “声生不息” Logo Using Pure CSS with Gradient, Clip‑Path, and Variable‑Based Color Switching

This article demonstrates how to recreate the “声生不息” program logo using only native CSS and a small amount of JavaScript, covering gradient stripes, clip‑path shaping, background‑clip text effects, CSS variables for color toggling, and detailed code snippets for each implementation step.

Background-ClipFrontendJavaScript
0 likes · 19 min read
Recreating the “声生不息” Logo Using Pure CSS with Gradient, Clip‑Path, and Variable‑Based Color Switching
Python Programming Learning Circle
Python Programming Learning Circle
Apr 26, 2020 · Artificial Intelligence

Understanding PyTorch Autograd: Tensors, Gradients, and Backpropagation

This article explains PyTorch's autograd system, covering tensor creation, the requires_grad flag, detaching tensors, disabling gradient tracking with no_grad, the Function class and computational graph, and demonstrates forward and backward passes with code examples illustrating gradient computation and Jacobian‑vector products.

PyTorchautogradbackpropagation
0 likes · 6 min read
Understanding PyTorch Autograd: Tensors, Gradients, and Backpropagation
Python Programming Learning Circle
Python Programming Learning Circle
Mar 19, 2020 · Fundamentals

Creating a Hangzhou Walking Routes Heatmap and a Gradient Scatter Chart with Pyecharts

This tutorial demonstrates how to use the Python Pyecharts library to fetch Hangzhou walking route data, render it on a Baidu map heatmap, and build a gradient‑styled scatter plot comparing life expectancy and GDP for multiple countries in 1990 and 2015.

PythonScatter Plotdata visualization
0 likes · 7 min read
Creating a Hangzhou Walking Routes Heatmap and a Gradient Scatter Chart with Pyecharts
360 Tech Engineering
360 Tech Engineering
Oct 22, 2019 · Frontend Development

Drawing Arbitrary Angle Arcs in SVG with Text Labels and Gradient Colors

This article explains how to draw SVG arcs of any angle, position and rotate text labels along the arcs, generate gradient colors using both RGBA and HSL methods, and assemble a reusable JavaScript class that creates interactive circular arc charts with click events.

ArcFrontendGraphics
0 likes · 13 min read
Drawing Arbitrary Angle Arcs in SVG with Text Labels and Gradient Colors
360 Tech Engineering
360 Tech Engineering
May 21, 2019 · Artificial Intelligence

Understanding Residual Networks: Ideas, Mechanisms, Variants, and Insights

This article reviews the concept of residual networks, explains their working principle and data‑flow interpretation, discusses why they improve deep models, analyzes path‑length effects on gradients, and surveys various residual block designs and practical takeaways.

Neural networksResNetdeep learning
0 likes · 9 min read
Understanding Residual Networks: Ideas, Mechanisms, Variants, and Insights
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 5, 2017 · Frontend Development

Mastering CSS conic-gradient: From Basics to Stunning Visual Effects

Explore the CSS conic-gradient function in depth—its syntax, differences from linear and radial gradients, practical examples like color wheels, pie charts, animated backgrounds, and polyfill support—while learning how to combine percentages, background-size, and blend modes to create dynamic, cross-browser visual designs.

Frontendanimationconic-gradient
0 likes · 10 min read
Mastering CSS conic-gradient: From Basics to Stunning Visual Effects