Source: dist/css/acc_uc.css, line 15850
4.2.1 Easing the on Hover
Dynamic adjustment of transition with easing.
Example s
out-in
ease timing
0
1
2
3
4
5
6
7
8
9
default
out
ease-out timing
0
1
2
3
4
5
6
7
8
9
default
in
ease-in timing
0
1
2
3
4
5
6
7
8
9
default
in-out
ease-in-out timing
0
1
2
3
4
5
6
7
8
9
default
linear
linear timing
0
1
2
3
4
5
6
7
8
9
default
<div class="flex m_5 bg_primary m_5">
<div class="transition_3 ease_[modifier class] h:bg_black-0 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">0</div>
<div class="transition_3 ease_[modifier class] h:bg_black-1 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">1</div>
<div class="transition_3 ease_[modifier class] h:bg_black-2 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">2</div>
<div class="transition_3 ease_[modifier class] h:bg_black-3 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">3</div>
<div class="transition_3 ease_[modifier class] h:bg_black-4 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">4</div>
<div class="transition_3 ease_[modifier class] h:bg_black-5 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4">5</div>
<div class="transition_3 ease_[modifier class] h:bg_black-6 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">6</div>
<div class="transition_3 ease_[modifier class] h:bg_black-7 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">7</div>
<div class="transition_3 ease_[modifier class] h:bg_black-8 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">8</div>
<div class="transition_3 ease_[modifier class] h:bg_black-9 p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">9</div>
<div class="transition_3 ease_[modifier class] h:bg_black p-y_3 p-x_4 flex_auto font_bold font_2 font_accent: text_center br_1 br_solid br_shade-4 ">default</div>
</div>