diff options
Diffstat (limited to 'sass/components/_pulse.scss')
-rw-r--r-- | sass/components/_pulse.scss | 34 |
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); + } +} |