Using a very short code to create an animation,
MY HTML:
<H1></H1>
<DIV></DIV>
MY CSS
H1, DIV{
ANIMATION: CHANGE 3S LINEAR INFINITE;
}
@KEYFRAMES CHANGE{
0%{
BACKGROUND: RED;
WIDTH,
HEIGH
T: 0;
}
100%{
BACKGROUND: #00F;
%2(WIDTH,
HEIGHT[: 150PX;])
}
}
USING FSCSS INSTEAD:
$(@KEYFRAMES H1, DIV &[3S LINEAR INFINITE]){
0%{
BACKGROUND: RED;
%2(WIDTH,
HEIGHT[: 0;])
}
100%{
BACKGROUND: #00F;
%2(WIDTH,
HEIGHT[: 150PX;])
}
}
Check out FSCSS animation example below
Top comments (0)