Thanks for this nice and useful tutorial ! I'm still admirative of what CSS can do, and can't imagine the amount of calculations on canvas, pixels, timers, geometry on the canvas, the images, etc ... that is involved !!!
sir, in the beginning video i saw variable named timmy on the 120th line, but how this variable run itself while we not call that variable... and as always what a great video, thanks in advance !!
timmy just stores a reference to the timer. That way, if you ever want to stop the timer running you can call clearTimeout(timmy); `timmy` is just the name I typically use for my timer.
So far, this is the only lesson that I've got somewhat confused! The inclusion of js didn't help! Perhaps the page should have been done from scratch instead of starting with most of the code already done. It kind of felt overwhelmed and unclear.
All the JavaScript does is add and remove the class "nine" every two seconds. This is done so the transition can be seen to happen repeatedly. Transitions are almost always connected to some event in JavaScript - load, scroll, mouseover, etc. This shows the transitions within a normal context.
@@SteveGriffith-Prof3ssorSt3v3 It's probably the amount of CSS code that is confusing me. I'm not going to concentrate a lot on these effects for now. I will come back to it later, there are complete lists here on TH-cam just for effects and animations. I think I've got the basics when I went through this www.w3schools.com/css/css3_transitions.asp
![[LIVE] : ONE ลุมพินี 83 วันนี้!! คู่เอก "พันฤทธิ์ vs ซุปเปอร์บอล วันของโอม MBK"](http://i.ytimg.com/vi/1b4pkKHa_Fk/mqdefault.jpg)
Clear explanation in the first 5 minutes. One of the best!
Had no idea you could do all this with css. Mind Blown. Great Video!
Thanks for this nice and useful tutorial ! I'm still admirative of what CSS can do, and can't imagine the amount of calculations on canvas, pixels, timers, geometry on the canvas, the images, etc ... that is involved !!!
Your tutorial is really helpful to understand! Thank you :)
amazing explanation
How can I press the like button for this video more than once??? This video cleared most of my doubts and problems related to transitions.
Just hit the share button. 😀
sir, in the beginning video i saw variable named timmy on the 120th line, but how this variable run itself while we not call that variable...
and as always what a great video, thanks in advance !!
timmy just stores a reference to the timer. That way, if you ever want to stop the timer running you can call clearTimeout(timmy); `timmy` is just the name I typically use for my timer.
@@SteveGriffith-Prof3ssorSt3v3owwhh, yeah right...
i forgot about reference thing in javascript !!
thanks a lot sir, really appreciate it...
Thank you!
Godly ...
So far, this is the only lesson that I've got somewhat confused! The inclusion of js didn't help! Perhaps the page should have been done from scratch instead of starting with most of the code already done. It kind of felt overwhelmed and unclear.
All the JavaScript does is add and remove the class "nine" every two seconds. This is done so the transition can be seen to happen repeatedly.
Transitions are almost always connected to some event in JavaScript - load, scroll, mouseover, etc. This shows the transitions within a normal context.
@@SteveGriffith-Prof3ssorSt3v3 It's probably the amount of CSS code that is confusing me. I'm not going to concentrate a lot on these effects for now. I will come back to it later, there are complete lists here on TH-cam just for effects and animations. I think I've got the basics when I went through this www.w3schools.com/css/css3_transitions.asp