Class Fade


public class Fade extends Animation
A looping animation that fades an element's opacity in and out.

The element smoothly transitions between full opacity and a configurable minimum opacity, creating a pulsing visibility effect. The minimum opacity can be customized with setMinOpacity(float).

Note: This is com.oorian.css.animations.Fade — a continuous looping fade animation. For one-shot opacity transitions, use Fade instead.

Usage:


 // Default fade animation (fades to 40% opacity)
 icon.animate(new Fade());

 // Fade to near-invisible
 icon.animate(new Fade().setMinOpacity(0.1f));
 
Since:
2026
Version:
1.0
Author:
Marvin P. Warble Jr.
See Also:
  • Constructor Details

    • Fade

      public Fade()
      Constructs a Fade animation with default opacity and speed 1 (1000ms).
  • Method Details

    • setMinOpacity

      public Fade setMinOpacity(float minOpacity)
      Sets the minimum opacity during the fade-out phase.
      Parameters:
      minOpacity - the minimum opacity (0.0 = transparent, 1.0 = opaque)
      Returns:
      this Fade for method chaining
    • getMinOpacity

      public float getMinOpacity()
      Returns the minimum opacity.
      Returns:
      the minimum opacity value
    • getKeyFramesId

      public String getKeyFramesId()
      Returns the unique ID for this animation's keyframes style element.

      This ID is used to deduplicate keyframe injection into the page head. Subclasses with configurable keyframes (e.g., Beat with a custom scale) should return a unique ID per configuration to avoid collisions.

      Specified by:
      getKeyFramesId in class Animation
      Returns:
      the keyframes style element ID
    • createKeyFrames

      public KeyFrames createKeyFrames()
      Creates the @keyframes definition for this animation.
      Specified by:
      createKeyFrames in class Animation
      Returns:
      a KeyFrames object defining the animation sequence
    • getDefaultTimingFunction

      protected AnimationTimingFunction getDefaultTimingFunction()
      Returns the default timing function for this animation.

      Each animation subclass provides its own default timing function. For custom cubic-bezier or steps timing, override Animation.getTimingFunctionValue() instead.

      Specified by:
      getDefaultTimingFunction in class Animation
      Returns:
      the default timing function, or null if Animation.getTimingFunctionValue() provides a custom value
    • getTimingFunctionValue

      protected String getTimingFunctionValue()
      Returns the CSS timing function value as a string.

      By default, delegates to Animation.getDefaultTimingFunction(). Override this method to provide custom timing function values like cubic-bezier(...) or steps(...) that are not represented by the enum.

      Overrides:
      getTimingFunctionValue in class Animation
      Returns:
      the CSS timing function value