Campsite Coders

Learn CSS

Learn to code and become a Front End Web Developer

Campsite Coders Bootcamp Coding Advenuture

CSS Animation Keyframes


There are many properties that you can set for your HTML elements and then use animation keyframes to change those properties over time. You can also set the animation to run forever by setting the iteration-count to "infinite".

Notice in the example below that the animation actually pushes down the content on the page. This can be annoying so be careful using trasform translateX.

Infinite movement

HTML

html code example of images in the aside element

CSS

css code for selecting nested elements
My Rainbow Text Bouncing Around



Play around with the different properties available in CSS Animation before moving on.

Campsite Coders Bootcamp Coding Adventure
Road Map for Coding Adventure One

Campsite Coders

56747 Ewing Rd

Moffat, CO 81143

720-515-1124

Campsite Coders logo in footer

Copyright 2023 . All rights reserved