Table of Contents

Class TwBlazorTransition

Namespace
TwBlazor.Configuration
Assembly
TwBlazor.dll

Global configuration for CSS transition utility classes shared by all components: the property being transitioned, the duration scale, and the common property+duration combinations most components reach for. Compose a one-off combination from Colors/Transform, DurationFast/DurationSlow, and EaseInOut if none of the pre-combined properties fit.

[ExcludeFromCodeCoverage]
public class TwBlazorTransition
Inheritance
TwBlazorTransition
Inherited Members

Constructors

TwBlazorTransition()

public TwBlazorTransition()

Properties

Colors

Gets or sets the "transition-colors" property class, with no duration applied.

public string Colors { get; set; }

Property Value

string

ColorsFast

Gets or sets the combined "transition-colors" + DurationFast class - the most common color transition across interactive components.

public string ColorsFast { get; set; }

Property Value

string

ColorsSlow

Gets or sets the combined "transition-colors" + DurationSlow class.

public string ColorsSlow { get; set; }

Property Value

string

DurationFast

Gets or sets the fast "duration-200" duration class, used for most interactive state changes.

public string DurationFast { get; set; }

Property Value

string

DurationSlow

Gets or sets the slow "duration-300" duration class, used for larger movements (panels, indicators).

public string DurationSlow { get; set; }

Property Value

string

EaseInOut

Gets or sets the "ease-in-out" timing-function class.

public string EaseInOut { get; set; }

Property Value

string

Transform

Gets or sets the "transition-transform" property class, with no duration applied.

public string Transform { get; set; }

Property Value

string

TransformFast

Gets or sets the combined "transition-transform" + DurationFast class.

public string TransformFast { get; set; }

Property Value

string

TransformSlow

Gets or sets the combined "transition-transform" + DurationSlow class.

public string TransformSlow { get; set; }

Property Value

string