[IMP] web: make OdooBounce bounce again
... instead of pulse. task 2239617 closes odoo/odoo#49870 Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>
This commit is contained in:
@@ -74,12 +74,28 @@
|
||||
animation: catchAttention 200ms ease 0s infinite normal;
|
||||
}
|
||||
|
||||
// bounce effect
|
||||
@keyframes catchAttention {
|
||||
0%, 20%, 40%, 60%, 80%, 100% {
|
||||
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
}
|
||||
0% {
|
||||
outline: 0px solid fade-out($o-brand-primary, 0.0);
|
||||
transform: translateY(-30%);
|
||||
}
|
||||
20% {
|
||||
transform: translateY(-25%);
|
||||
}
|
||||
40% {
|
||||
transform: translateY(-20%);
|
||||
}
|
||||
60% {
|
||||
transform: translateY(-15%);
|
||||
}
|
||||
80% {
|
||||
transform: translateY(-10%);
|
||||
}
|
||||
100% {
|
||||
outline: 20px solid fade-out($o-brand-primary, 1.0);
|
||||
transform: translateY(-5%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user