summaryrefslogtreecommitdiff
path: root/addons/website/static/src/scss/options/ripple_effect.scss
diff options
context:
space:
mode:
authorstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
committerstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
commit3751379f1e9a4c215fb6eb898b4ccc67659b9ace (patch)
treea44932296ef4a9b71d5f010906253d8c53727726 /addons/website/static/src/scss/options/ripple_effect.scss
parent0a15094050bfde69a06d6eff798e9a8ddf2b8c21 (diff)
initial commit 2
Diffstat (limited to 'addons/website/static/src/scss/options/ripple_effect.scss')
-rw-r--r--addons/website/static/src/scss/options/ripple_effect.scss28
1 files changed, 28 insertions, 0 deletions
diff --git a/addons/website/static/src/scss/options/ripple_effect.scss b/addons/website/static/src/scss/options/ripple_effect.scss
new file mode 100644
index 00000000..cff35300
--- /dev/null
+++ b/addons/website/static/src/scss/options/ripple_effect.scss
@@ -0,0 +1,28 @@
+@keyframes o-btn-ripple {
+ 100% {
+ opacity: 0;
+ transform: scale(2.5);
+ }
+}
+
+.o_ripple_item {
+ display: none;
+ position: absolute;
+ z-index: -1;
+ border-radius: 100%;
+ opacity: .3;
+ background: currentColor;
+ pointer-events: none;
+ transform: scale(0);
+}
+
+.o_js_ripple_effect {
+ transform-style: preserve-3d;
+ position: relative !important;
+ overflow: hidden !important;
+
+ .o_ripple_item {
+ display: block;
+ animation: o-btn-ripple ease-in;
+ }
+}