Add elevation transition class elv-transition

2019-07-27 16:29:27 +02:00
parent efd539f456
commit fb02af582b
5 changed files with 28 additions and 2 deletions
--- a/index.html
+++ b/index.html
@ -95,6 +95,19 @@
                <div class="child elv-12"></div>
                <div class="child elv-16"></div>
                <div class="child elv-24"></div>
+                <div id="elv-transition" class="child elv-transition elv-1"></div>
+                <script>
+                    const elm = document.getElementById("elv-transition");
+                    setInterval(() => {
+                        if (elm.classList.contains("elv-1")) {
+                            elm.classList.remove("elv-1")
+                            elm.classList.add("elv-24");
+                        } else {
+                            elm.classList.remove("elv-24")
+                            elm.classList.add("elv-1");
+                        }
+                    }, 600);
+                </script>
            </div>
        </div>