Applied Visual Design (46/52) | Make a CSS Heartbeat using Infinite Animation Count | freeCodeCamp

Published: 04 February 2021
on channel: Stral Tech
124
1

Applied Visual Design (46/52) | Make a CSS Heartbeat using Infinite Animation Count | freeCodeCamp

Full playlist 👉    • Applied Visual Design (1/52) | Create...  

Responsive Web Design Certification - Make a CSS Heartbeat using an Infinite Animation Count Here's one more continuous animation example with the animation-iteration-count property that uses the heart you designed in a previous challenge. The one-second long heartbeat animation consists of two animated pieces. The heart elements (including the :before and :after pieces) are animated to change size using the transform property, and the background div is animated to change its color using the background property. Keep the heart beating by adding the animation-iteration-count property for both the back class and the heart class and setting the value to infinite. The heart:before and heart:after selectors do not need any animation properties. https://www.freecodecamp.org/learn/re...


Watch video Applied Visual Design (46/52) | Make a CSS Heartbeat using Infinite Animation Count | freeCodeCamp online without registration, duration hours minute second in high quality. This video was added by user Stral Tech 04 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 124 once and liked it 1 people.