Oh my life, I completely forgot about fill mode...legend!! Animations doesn't seem to apply 0%/from keyframe properties until the animation begins, which causes headaches if you have a delay. Unless you manage state, the elements defined properties will be applied for the duration of the delay. Seems fill mode fixes this. p.s in SASS you can nest long name properties all under the headline, i.e animation: (nest) delay: 0s. This helps keep code organised but massively helps readability when a single element has font:, text:, background:, transform: long hand properties nested.
You are viewing a single comment's thread from: