From 5ae320f101071b9961bbecae8e18c64c9f6a41eb Mon Sep 17 00:00:00 2001
From: b_b <bruno@eliaz.fr>
Date: Thu, 30 Mar 2023 15:54:56 +0200
Subject: [PATCH] fix: animation moins violente sur les formulaires
`.resubmit-noajax`
Fix: #5317
---
prive/themes/spip/forms.css.html | 47 ++++++++++++++++++++++++--------
1 file changed, 35 insertions(+), 12 deletions(-)
diff --git a/prive/themes/spip/forms.css.html b/prive/themes/spip/forms.css.html
index 40342d09ec..9987a9bb3d 100644
--- a/prive/themes/spip/forms.css.html
+++ b/prive/themes/spip/forms.css.html
@@ -1660,18 +1660,41 @@ img.aide {
}
-@keyframes skew-x-shakeng{
- 0% { transform: skewX(-4deg); }
- 5% { transform: skewX(4deg); }
- 10% { transform: skewX(-4deg); }
- 15% { transform: skewX(4deg); }
- 20% { transform: skewX(-4deg); }
- 25% { transform: skewX(4deg); }
- 30% { transform: skewX(-4deg); }
- 35% { transform: skewX(4deg); }
- 40% { transform: skewX(0deg); }
- 100% { transform: skewX(0deg); }
+@keyframes bounce {
+ 0% {
+ transform: translateX(0px);
+ timing-function: ease-in;
+ }
+ 37% {
+ transform: translateX(5px);
+ timing-function: ease-out;
+ }
+ 55% {
+ transform: translateX(-5px);
+ timing-function: ease-in;
+ }
+ 73% {
+ transform: translateX(4px);
+ timing-function: ease-out;
+ }
+ 82% {
+ transform: translateX(-4px);
+ timing-function: ease-in;
+ }
+ 91% {
+ transform: translateX(2px);
+ timing-function: ease-out;
+ }
+ 96% {
+ transform: translateX(-2px);
+ timing-function: ease-in;
+ }
+ 100% {
+ transform: translateX(0px);
+ timing-function: ease-in;
+ }
}
+
.formulaire_spip.resubmit-noajax {
- animation: skew-x-shakeng 0.5s;
+ animation: bounce 0.5s;
}
--
GitLab