Don’t know who this might help but you don’t actually need to use transition property I tried it and removed transition property and it still works try it for yourself
Learned a lot from this series, thank you! I'm a little bit confused about one place: is there any rule that determine which selector we should put out "transition-property" in? e.g. at 2:47, could we put "transition-property" in the selector "div:hover" ? Thank you.
I have a problem When It comes to the background color, Is that When I load the page the element with the transition trigger the transition, any solution?
Hi, I want to ask: When I hover over the box, it does the code I have written, but when I hover out, the transition is not there. Could you please tell me, what i do wrong? Thanks.
Hey Milos, first of all thank you for watching be sure to Like and Sub for more 🙂👍 I’d be happy to take a look at your code, can you link to it somehow?
Hey Gloom tv, thank you so much for the support, really appreciate it! Sorry, thanks for pointing that out! I've added it in the description now. Stay tuned for so much more 😬(Also, it's Amit 🙂 but no worries 😜)
Hey Naresh, thanks for watching brother 🙂👍 Here are my tips for you: (1) Of course you should know HTML and CSS, full tutorials for both are on the channel. (2) Master vanilla Javascript, do not neglect it. I have a full JS tutorial coming up on the channel very soon, so make sure you're subscribed and keep an eye out for it. (3) Learn from multiple resources, RUclips, the official docs etc. Thanks for the support, let me know if you have any other questions 👍
@@DevDreamer i have finished your web design all classes really i learn a lot off things...just prepare for ur js class you make this so easy to understand thanks elder brother
Nice video but please change the cover image. I came to see the animation shown in cover not the basics. The title didnt mention the word basic or beginner. This is missleading.
Hi Rahul, thanks for watching! Did you watch the video all the way through? Because at 6:55 I show how to turn the square into a circle, which is exactly what the thumbnail shows. This lesson is designed to get people up and running with CSS Transitions, and I think it accomplishes this well.
Hey Rahul, the unique shape in the middle is just there to show the transition (i.e. the change from the square to the circle) using a still image. It is not meant to be a different shape before the circle. It’s just there to show the square changing into a circle. Hope this clarifies. Glad you enjoyed the video.
This was nice and easy to understand for a beginner like me. Nearly finished the videos in the series, look forward to more! :)
Hey skadara! Thank you for the support, stay tuned for more 🙂👍
Css is the toughest ...but you make it look so easy
Thank you for the lesson. I have learned a lot🤗🤗🤗
Thank you so much for the support, stay tuned for more 🙂
This channel is criminally underrated.The quality of these videos are so amazing.
Thanks for this awesome comment and your support! Really glad you are enjoying the videos 😃👍
Your videos are so good
Last transition was osm..
Hey Tech Programer, thank you so much for watching 🙂👍
Don’t know who this might help but you don’t actually need to use transition property I tried it and removed transition property and it still works try it for yourself
Fabulous tuts!
Thank you Lonnie! Many more to come 😬
Awesome explanation! Subbed!
Thank you!! 🙂👍
thank you so much...so helpful
hello! thats great tutorial thank you. but how i can do that on a navbar? i want to put it until the video is 2:50
Learned a lot from this series, thank you! I'm a little bit confused about one place: is there any rule that determine which selector we should put out "transition-property" in? e.g. at 2:47, could we put "transition-property" in the selector "div:hover" ? Thank you.
I have a problem When It comes to the background color, Is that When I load the page the element with the transition trigger the transition, any solution?
Hey Gonzalo, can you link to your code please (codepen maybe)? and I'll gladly take a look to see if I can help, thanks so much for watching! 🙂 👍
well explained :)
Your channel deserves more views. I'll be pointing people in your direction, thanks!
Awesome! Thank you so much, I really appreciate the love 🙂👍
Thankyou so much, these days its hard to find such clear and amazing tutorials like yours! :))
I am from Uzbekiston , I like video
This was a really great lesson on transition - very clear and easy to understand - amazing :)
Hey Jayden, thank you! 🙂👍
You are a good teacher, Explained it very clearly. Thanks a lot.
Thanks 🙂👍
hello from the screen
Wonderful 👍😊
can i have src code plzzz my laptop's have a prob that makes it very tuff to open a browser.......
I want to understand something
Does CSS always look at .hover to implement the transitions?
Thank you senior , your way of explaining made it so easy to understand.
Best wish for u to succeed
WOW
Thanks 🙂👍
One quick tip: Instead of going to a cubic-bezier site you can also experiment with it in the dev tools section!
Hi, I want to ask: When I hover over the box, it does the code I have written, but when I hover out, the transition is not there.
Could you please tell me, what i do wrong?
Thanks.
Hey Milos, first of all thank you for watching be sure to Like and Sub for more 🙂👍 I’d be happy to take a look at your code, can you link to it somehow?
You specified the transition to happen only on hover with the div : hover
good work man, SUBSCRIBED.
thx, liked and subscribed 👍🏻
Awesome! Thank you so much! 🙂👍
what text editor or ide are you using?
Hey, thanks so much for watching! In this video I am using Brackets (brackets.io/), but I use VS Code now 🙂👍
@@DevDreamer ok,thanks for telling me
You got a new subscriber .. Congratulations that's me💖
Hi Eswar! Thank you so much for the support 🙂👍
i like your way thanks bro for your effort
thank you so much! it was really easy to understand!
AMAZING!!!
Thank you! Are you using css animation in a project or just learning? Thanks so much for watching 🙂👍
I must be honest, you are the best❤.
So cool
Hi Shanaya, thank you. 😎 👍
no words....really good..thanku
Hi Reshma! Thank you so much, glad it helped 🙂
Thanks sir is very cool you wonderfull of- (cubicbezier) because i don't know about this property 👍🤩
Also Could you share source code?
Ramal from tiktok is that you?
Hi Emmet, thank u for your tutorials:)
i think you forgot to add a link for "cubic-bezier" below the video.
Hey Gloom tv, thank you so much for the support, really appreciate it! Sorry, thanks for pointing that out! I've added it in the description now. Stay tuned for so much more 😬(Also, it's Amit 🙂 but no worries 😜)
Very good explained. Thanks.
Hey Ilhom, thank you so much, please stay tuned for more 🙂👍
thanks you are a good teacher
Sir I want to become react js developer ...what should I learn..pls sir can u guide to me...I am new to this channel
Hey Naresh, thanks for watching brother 🙂👍 Here are my tips for you:
(1) Of course you should know HTML and CSS, full tutorials for both are on the channel.
(2) Master vanilla Javascript, do not neglect it. I have a full JS tutorial coming up on the channel very soon, so make sure you're subscribed and keep an eye out for it.
(3) Learn from multiple resources, RUclips, the official docs etc.
Thanks for the support, let me know if you have any other questions 👍
@@DevDreamer sir ....is necessary to learn data structures and algorithms...to become web developer
Can you take the lesson on the topic "Dropdown Menu on hover"?
Hey Reshma, thank you for the suggestion I will definitely look into doing this 🙂👍
✅
🙂👍
u deserve a subscribe boss
Very interesting content Thanks a lot
Glad you enjoyed it! 🙂👍
You earned a sub. What a clear cut tutorial for a beginner. But one thing was lacking that is transform origin.
Hi Shakil, thank you so much for watching, appreciate the sub 🙂👍
Best tutorial ever
great teaching style
Remember, in order to change size of elements, use transform scale and not height/width, it may affect the webpage otherwise.
Great job🔥
Hey Anand, thanks for the great support and encouragement! Really means a lot 👍
source code
Thanks❤
your videos are excellent, you have received my sub.
Hey Ahmed! Thank you very much, I appreciate your support, loads more to come! 🙂👍
Best Video on transition in RUclips! Thank you so much
Keep going 👏
COOL!
amazing class
Are u Indian
its amazing,, i have watched all css videos. Thank you so much Dev Dreamer for open source...
Wow this was a very clear video, thank you so much!
Glad it was helpful! 🙂👍
cool
where were you all this time!!!!
Hey Ishu! Apologies, new content coming very soon 🙂👍
i wish i could subscribe more than once..
🔥 Hey jux salley! Thanks for watching, really appreciate your support 🙂👍
Genius!
I always use this video as a reference when I haven't touched css in months.
❤
Thanks bro! it's a well done job for beginners like me. Please do more and more...
Ease in will start slow and end fast. Ease out will do the opposite.
Linear m same speed
Great stuff! :-)
Hey Kevin! Thank you very much 🙂👍
I love your videos so much!
Thank you! 😃
Thank you bro...you make this so easy 😊😊
🔥 Thank you so much, really glad you found it helpful 🙂👍
@@DevDreamer i have finished your web design all classes really i learn a lot off things...just prepare for ur js class you make this so easy to understand thanks elder brother
so easy to understand thank you
This was really helpful thanks!
Subscribed👍👍
Awesome! Thank you 🙂👍
In love with this channel ~ very easy to follow
amazing way of teaching
Feels like "Cold fusion TV"
Finally, A complete channel to learn!
Hey Melvin! Thanks for the great support and comments, really means a lot 🙂👍
You deserve it man👌
U deserve more subscribers
Hey Vince, thanks brother 🙂👍
true
Thanks!
Hey Renny! You are most welcome, thank you 🙂👍
Nice video but please change the cover image. I came to see the animation shown in cover not the basics.
The title didnt mention the word basic or beginner.
This is missleading.
Hi Rahul, thanks for watching! Did you watch the video all the way through? Because at 6:55 I show how to turn the square into a circle, which is exactly what the thumbnail shows.
This lesson is designed to get people up and running with CSS Transitions, and I think it accomplishes this well.
@@DevDreamer what i ment is the transition. Not just make it round. The cover has a unique shape in middle.
Also, i did enjoy your video.
Hey Rahul, the unique shape in the middle is just there to show the transition (i.e. the change from the square to the circle) using a still image. It is not meant to be a different shape before the circle. It’s just there to show the square changing into a circle. Hope this clarifies.
Glad you enjoyed the video.
Thank you 💓
Hey Aryan, thank you so much for watching 🙂👍
@@DevDreamer thank you for reply sir❤️
i'm a tire!
Hey Darwin! Indeed 😬👍
@@DevDreamer wait, i was supposed to not to say that. sorry. i think i'm just bored.