CSS/CSS3_Re: Transitions & Transforms; Animations AND Transitions? ~mjc...again! | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

CSS/CSS3_Re: Transitions & Transforms; Animations AND Transitions? ~mjc...again!

Hey Hey, I was wondering about something while I was working on Animations in CSS3 section of CSS Tutorial: I noticed that the first part of the Transitions & Transformations you can make animations as easily as the regular Animations. Ok, so then in using Anim's, can you also use the ease-in, ease-out, etc? It would make things much easier while expanding capability and possibility by exponential amounts! As always, thanks in advance for your help. ~Michael

30th Sep 2017, 1:47 AM
Michael
Michael - avatar
2 Answers
+ 4
yes you can even use cubic-bezier https://code.sololearn.com/W0p10L6FC7Zn/?ref=app
30th Sep 2017, 2:22 AM
Yanothai Chaitawat
Yanothai Chaitawat - avatar
+ 2
Be aware that timing function (predefined or customized through 'cubuc-bezier') is used in between each keyframes of animation, not applied on whole animation: it doesn't make difference while you only use 'from' (0%) and 'to' (100%) keyframes, but will have effect on intermediate keyframes ^^
30th Sep 2017, 1:26 PM
visph
visph - avatar