Keyframes are CSS values that you initialize with the @keyframes rule. From there you can give an html element the power to transform a certain css property value from 'X' to 'Y.'