[ADD] website: add animation on theme screenshots

task-2256659

1 files changed, 13 insertions, 1 deletions

diff --git a/addons/website/static/src/scss/website.backend.scss b/addons/website/static/src/scss/website.backend.scss
index 96db1481ab0..da4632b4f2c 100644
--- a/addons/website/static/src/scss/website.backend.scss
+++ b/addons/website/static/src/scss/website.backend.scss
@@ -263,7 +263,7 @@
                 width: 100%;
                 padding-bottom: 127%;
                 background-repeat: no-repeat;
-                background-position: center center;
+                background-position: center top;
                 background-size: 40% 32%;
             }
 
@@ -309,6 +309,18 @@
             border-color: darken($o-theme-kanban-gray, 26%);
             box-shadow: 0 15px 12px -8px rgba(0, 0, 0, .4);
 
+            .o_theme_screenshot {
+                animation: o_theme_screenshot_scroll 4s linear .25s infinite alternate;
+            }
+            @keyframes o_theme_screenshot_scroll {
+                25% {
+                    background-position: center top;
+                }
+                75%, 100% {
+                    background-position: center bottom;
+                }
+            }
+
             .o_button_area {
                 opacity: 1;
                 visibility: visible;