Button Pulse effect

The button shows infinite pulse effect animation. when hover on the button "play" icon shows a smooth zoom effect & increases the size of the button.

using pseudo-element after & before add animation effect in button.in :before add a white border animation effect, which infinite show around the button. and :after on hover play icons has a zoom effect. when hovering on the button.for animation using "transform: scale(0.6, 0.6)" & "opacity" property create pulse animation effect.

use font family in layout which I use the direct link from Google font.all images & content are free resources used in layout design.

• all the design & layout created in 1920 x 1080 screen size.
• all the design & layout is responsive in desktop,tablet & mobile view.
• all the content, fonts & image are free resources.

I use Fonts from Google font use Bootstrap cdn free stock images from pexels or unsplash

HTML

CSS

Output