[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:
Jinal Patel
2020-05-08 11:38:59 +00:00
committed by Aaron Bohy
parent 051a094838
commit 12c6eba844
+18 -2
View File
@@ -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%);
}
}