summaryrefslogtreecommitdiff
path: root/sass/components/_pulse.scss
diff options
context:
space:
mode:
Diffstat (limited to 'sass/components/_pulse.scss')
-rw-r--r--sass/components/_pulse.scss34
1 files changed, 34 insertions, 0 deletions
diff --git a/sass/components/_pulse.scss b/sass/components/_pulse.scss
new file mode 100644
index 0000000..a690f36
--- /dev/null
+++ b/sass/components/_pulse.scss
@@ -0,0 +1,34 @@
+.pulse {
+ &::before {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: inherit;
+ border-radius: inherit;
+ transition: opacity .3s, transform .3s;
+ animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+ z-index: -1;
+ }
+
+ overflow: visible;
+ position: relative;
+}
+
+@keyframes pulse-animation {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+ 50% {
+ opacity: 0;
+ transform: scale(1.5);
+ }
+ 100% {
+ opacity: 0;
+ transform: scale(1.5);
+ }
+}