Commit 2df2b3a

authored

Merge pull request #218 from alanb4rt/refacto/css/pulse-animation

refacto(css/pulse-animation): add 'alternate' and edit keyframes

2 parents f9fa07b + 8e24cc4 commit 2df2b3aCopy full SHA for 2df2b3a

File tree

-7

lines changed

-7

lines changed

Lines changed: 4 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,25 +3,22 @@ title: Pulse Animation`
`3`	`3`	`description: Adds a smooth pulsing animation with opacity and scale effects`
`4`	`4`	`author: AlsoKnownAs-Ax`
`5`	`5`	`tags: animation,pulse,pulse-scale`
	`6`	`+contributors: alanb4rt`
`6`	`7`	`---`
`7`	`8`
`8`	`9`	```css
`9`	`10`	`.pulse {`
`10`		`- animation: pulse 2s ease-in-out infinite;`
	`11`	`+ animation: pulse 1s ease-in-out infinitealternate;`
`11`	`12`	`}`
`12`	`13`
`13`	`14`	`@keyframes pulse {`
`14`		`- 0% {`
	`15`	`+ from {`
`15`	`16`	`opacity: 0.5;`
`16`	`17`	`transform: scale(1);`
`17`	`18`	`}`
`18`		`- 50% {`
	`19`	`+ to {`
`19`	`20`	`opacity: 1;`
`20`	`21`	`transform: scale(1.05);`
`21`	`22`	`}`
`22`		`- 100% {`
`23`		`- opacity: 0.5;`
`24`		`- transform: scale(1);`
`25`		`- }`
`26`	`23`	`}`
`27`	`24`	```

Comments

(0)