0%
is equal to a context with of 0px
and keyframe 100%
is equal to a context width of 1600px
. Styles within each keyframe can be written as if you were styling an element.0%
and 100%
keyframe. If you do not use 0%
and 100%
keyframes, those will default to your element styles.--tt-key
property. These will overwrite any other layout styles so you should treat this as progressive enhancement.--tt-max
. For example, if you want the keyframe 100%
to be located at 960px
, then write --tt-max: 960;
on your context.--tt-ease
property.!important
flag. You can overwrite styles by assigning them new keyframes or removing the keyframes.--tt-key: none;
.--tt-key
to a new set of keyframes you created.