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
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
ColorsSlow
Gets or sets the combined "transition-colors" + DurationSlow class.
public string ColorsSlow { get; set; }
Property Value
DurationFast
Gets or sets the fast "duration-200" duration class, used for most interactive state changes.
public string DurationFast { get; set; }
Property Value
DurationSlow
Gets or sets the slow "duration-300" duration class, used for larger movements (panels, indicators).
public string DurationSlow { get; set; }
Property Value
EaseInOut
Gets or sets the "ease-in-out" timing-function class.
public string EaseInOut { get; set; }
Property Value
Transform
Gets or sets the "transition-transform" property class, with no duration applied.
public string Transform { get; set; }
Property Value
TransformFast
Gets or sets the combined "transition-transform" + DurationFast class.
public string TransformFast { get; set; }
Property Value
TransformSlow
Gets or sets the combined "transition-transform" + DurationSlow class.
public string TransformSlow { get; set; }