monks_of_style - v1.0.0

monks/transition_timing_function

The transition-timing-function CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.

Values

ease

</> 
pub const ease: #(String, String)
  - : Equal to `cubic-bezier(0.25, 0.1, 0.25, 1.0)`, the default value, increases in velocity towards the middle of the transition, slowing back down at the end.

ease_in

</> 
pub const ease_in: #(String, String)
  - : Equal to `cubic-bezier(0.42, 0, 1.0, 1.0)`, starts off slowly, with the transition speed increasing until complete.

ease_in_out

</> 
pub const ease_in_out: #(String, String)
  - : Equal to `cubic-bezier(0.42, 0, 0.58, 1.0)`, starts transitioning slowly, speeds up, and then slows down again.

ease_out

</> 
pub const ease_out: #(String, String)
  - : Equal to `cubic-bezier(0, 0, 0.58, 1.0)`, starts transitioning quickly, slowing down as the transition continues.

end

</> 
pub const end: #(String, String)
      - : Same as `jump-end`.

inherit

</> 
pub const inherit: #(String, String)

initial

</> 
pub const initial: #(String, String)

jump_both

</> 
pub const jump_both: #(String, String)
      - : Includes pauses at both the 0% and 100% marks, effectively adding a step during the transition time.

jump_end

</> 
pub const jump_end: #(String, String)
      - : Denotes a right-continuous function, so that the last jump happens when the animation ends;

jump_none

</> 
pub const jump_none: #(String, String)
      - : There is no jump on either end. Instead, holding at both the 0% mark and the 100% mark, each for 1/n of the duration

jump_start

</> 
pub const jump_start: #(String, String)
      - : Denotes a left-continuous function, so that the first jump happens when the transition begins;

linear

</> 
pub const linear: #(String, String)
  - : Equal to `cubic-bezier(0.0, 0.0, 1.0, 1.0)`, transitions at an even speed.

raw

</> 
pub fn raw(value: String) -> #(String, String)

Enter a raw string value for transition-timing-function

revert

</> 
pub const revert: #(String, String)

revert_layer

</> 
pub const revert_layer: #(String, String)

start

</> 
pub const start: #(String, String)
      - : Same as `jump-start`.

step_end

</> 
pub const step_end: #(String, String)
  - : Equal to `steps(1, jump-end)`

step_start

</> 
pub const step_start: #(String, String)
  - : Equal to `steps(1, jump-start)`

unset

</> 
pub const unset: #(String, String)

var

</> 
pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for transition-timing-function. It will be wrapped in var() and have -- prepended.

✨ Search Document