summaryrefslogtreecommitdiff
path: root/src/core/components/layouts/BasicLayout.module.css
diff options
context:
space:
mode:
authorit-fixcomart <it@fixcomart.co.id>2024-08-09 17:14:28 +0700
committerit-fixcomart <it@fixcomart.co.id>2024-08-09 17:14:28 +0700
commit0bb71b8aa1da040a35399292b9c5919c5cad6d49 (patch)
tree54934cad3d70bcb7d4112b54313e84b607f4b99f /src/core/components/layouts/BasicLayout.module.css
parent0efb4f3aad012439a706e6704b781bb510478c6c (diff)
parentebe159fc10e4c774ae1bd6aafa772f39618ca372 (diff)
<iman> Merge branch 'Feature/highlight-button-whatsapp' into development
Diffstat (limited to 'src/core/components/layouts/BasicLayout.module.css')
-rw-r--r--src/core/components/layouts/BasicLayout.module.css13
1 files changed, 13 insertions, 0 deletions
diff --git a/src/core/components/layouts/BasicLayout.module.css b/src/core/components/layouts/BasicLayout.module.css
new file mode 100644
index 00000000..b89aca9f
--- /dev/null
+++ b/src/core/components/layouts/BasicLayout.module.css
@@ -0,0 +1,13 @@
+.overlay-highlight {
+ @apply fixed top-0 left-0 w-full h-full bg-[#4FB84A]/50 z-[900];
+ animation: closeOverlay 10s forwards;
+ }
+
+ @keyframes closeOverlay {
+ from {
+ clip-path: circle(100%);
+ }
+ to {
+ clip-path: circle(var(--button-radius) at var(--button-x) var(--button-y));
+ }
+ }