matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add new Pulse effect in vanilla CSS

Browse Source
This commit is contained in:
Justin
2022-04-25 12:39:33 -04:00
parent 033407f1c7
commit 272c3c0f6d
3 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
tailwind.config.js
View File

@ -47,6 +47,30 @@ module.exports = {
'bg-shape-1': true,
'bg-shape-2': true,
}),
animation: {
'pulse-scale-4': 'pulse-scale-4 3s linear infinite',
'pulse-scale-3': 'pulse-scale-3 3s 0.5s linear infinite',
'pulse-scale-2': 'pulse-scale-2 3s 1s linear infinite',
'pulse-scale-1': 'pulse-scale-1 3s 1.5s linear infinite',
},
keyframes: {
'pulse-scale-4': {
from: { opacity: '0.4' },
to: { opacity: 0, transform: 'scale(4)' },
},
'pulse-scale-3': {
from: { opacity: '0.4' },
to: { opacity: 0, transform: 'scale(3.5)' },
},
'pulse-scale-2': {
from: { opacity: '0.4' },
to: { opacity: 0, transform: 'scale(3)' },
},
'pulse-scale-1': {
from: { opacity: '0.4' },
to: { opacity: 0, transform: 'scale(2.5)' },
},
},
},
},
plugins: [