Let’s create from scratch, step-by-step a “Pulsing effect using CSS3 Transform Scale”. Basically,we will playing around with CSS animation: transform: scale for changing the size and box-shadow giving it a sensation of pulse.
Simple yet powerful effect as it will get your visitors attention to the element on the page that you want to be highlighted.
I hope you like it!
Let me know where you’ll use this effect!


⏱️Chapters:
00:00 - Intro
00:59 - Boilerplate
02:00 - HTML
02:43- CSS


🧠Concepts covered in this project:

  • CSS - Flexbox
  • CSS - Grid
  • CSS - @keyframes | Transform | Transition

📚Resources
Sound | Fonts | Pics used in this Project: https://bit.ly/3cp2S5W

#css #css3 #html

Pulsing effect using CSS3 Transform Scale | HTML & CSS
2.55 GEEK