If you find the video interesting, please subscribe to the channel to continuously watch many interesting videos about programming and web design every day.
Great Video! Can you please make an in depth guide on css parallax effect explaining all the properties used. In desperate need and it would be amazing if you could do one🙏🏼.
This is the kind of stuff I would pay to learn in a course. You should make an online course to teach these advanced techniques. I'm pretty sure you'll have massive success with it.
Sharing your channel at my job's Slack, we have a group for front-end enthusiasts, hopefully more people subscribe to your content, it's just amazing, really!
@@lundeveloper I think you have no idea or might not dimension the amount of people you're easing theirs lives/jobs in FE. It's beyond the number of subscribers you have, it's also about those people that watch your videos sharing this knowledge with their peers, being able to finish earlier their tasks related to some FE ticket they have in current sprint or something, and so, been able to get home earlier with the satisfaction of doing a good job helping other companies have a pretty, nice, and performant website. It's huge, really!
A single transform can only apply a single affine transformation to an individual rectangular element, so you can't manipulate a single IMG element to do that. To achieve a realistic wrapping effect you'd need to chop the can up into multiple vertical slices, and then have each slice rotated in the Z axis, each with its own offset into the wrapping image.
You are really good at CSS, great work! I learned so many new CSS properties, thanks a lot for making these kind of videos and teaching us something new on every video!
This video, bro it should have greater than 10 million view. Believe me or not I laughed at my self because I don't know any thing about the topic. Photoshop in vscode is sick. Anyway you are css god.
This effect looks really nice, but a way to improve it even further, would be to deform the label at the vertical edges of the can. It could be done with canvas API or SVG filter, but could you do it with CSS alone? 🤨
F! man im starting to love CSS now, even though i don't have talent on it. i'am starting to learn i love your videos and i thought you are mr. beast because of how you deliver and your tone lol keep it up
React, Svelte, Solid.... These are just things for programers enjoyment.... But your videos these design has real value! To be able create page like this 100 times more important then React server components.... Or Svelte Runes... Thank You for your videos!! :D
Please start teaching a CSS course on TH-cam as I only watched a few of your videos and it's great and please also tell us from where we get those images that you used in the videos
I love the video! Could you please make the sound effects more quiet next time? It’s too loud compared to the voice. It could just be me though. Very useful info regardless
Could also remove the condensation from the can and add it as another background so the condensation spins with the can further adding to the perception that the can is rotating
Love the video ❤ I have a question : I see you using position:relative and absolute along with right top etc to design the entire layout why you don't use grid or flexbox for high level layouts ? Is it a good practice as per modern CSS?
Great video! I want to ask what if I want to create a shadow in the drock beneath the soda can, and the shadow move in size when the bottle goes higher up. Adding bottom shadow would make this much more realistic I think.
Bro I've a suggestion for you, create a full course on css from basic to advanced and I'm pretty sure you'll have massive success. You upload premium videos for free, Wish you huge success 🎉❤
If you find the video interesting, please subscribe to the channel to continuously watch many interesting videos about programming and web design every day.
Great Video! Can you please make an in depth guide on css parallax effect explaining all the properties used. In desperate need and it would be amazing if you could do one🙏🏼.
Bro can u pls teach these stuff with react and some libraries
Master!! +1 sub 👌
You are great bro 😅
Hi please what is that link you got that label or cover folder
This video will cover a lot of new properties in CSS, please don't skip this video
Bro u r CSS hacker.. the way u teach us is superb bro,, keep it up boss.
@@SoniyaM.dawoodyou clearly don't know what TS is
You are the actual CSS Master!! It's crazy this is a CSS only effect!
Thank you very much, there will be more interesting videos in the future
*A wild Kevin Powell appears*
As a backend dev, you my friend, are a total god.
Thank you
This is the kind of stuff I would pay to learn in a course. You should make an online course to teach these advanced techniques. I'm pretty sure you'll have massive success with it.
Sharing your channel at my job's Slack, we have a group for front-end enthusiasts, hopefully more people subscribe to your content, it's just amazing, really!
Thank you for comment brother 😍 I really hope it
@@lundeveloper I think you have no idea or might not dimension the amount of people you're easing theirs lives/jobs in FE. It's beyond the number of subscribers you have, it's also about those people that watch your videos sharing this knowledge with their peers, being able to finish earlier their tasks related to some FE ticket they have in current sprint or something, and so, been able to get home earlier with the satisfaction of doing a good job helping other companies have a pretty, nice, and performant website. It's huge, really!
You are the Bruce Lee of CSS. This is GOD level CSS .
it is actually very plain and simple css, but the outcome is pretty cool
bro your css tutorials are just next level . i share your videos with everyone
You can add the matrix3d transform to this effect to wrap the image more around the can by bending the edges a bit, as right now it looks a bit flat.
Bro, could you expand on this idea?
I'll try it on my end to see how it goes.
A single transform can only apply a single affine transformation to an individual rectangular element, so you can't manipulate a single IMG element to do that. To achieve a realistic wrapping effect you'd need to chop the can up into multiple vertical slices, and then have each slice rotated in the Z axis, each with its own offset into the wrapping image.
Bro☠ you really mastered CSS, well done! Keep it up!
One thing I love about your tutorials is the humor you add to them 😆
😅😅😅 Thank you brother 😅😅
I watch your video first time. And दीवाना हो गया(I obsessed).
You are really good at CSS, great work! I learned so many new CSS properties, thanks a lot for making these kind of videos and teaching us something new on every video!
Thank you for your valuable comments
This video, bro it should have greater than 10 million view. Believe me or not I laughed at my self because I don't know any thing about the topic. Photoshop in vscode is sick. Anyway you are css god.
Thank you, I hope the content I create will be accessible to those who find it useful, because I always do my best for each video ❤️
I'm a beginner but still found this video really interesting...
the amount of knowledge i got from this channel is huge , thank you lun dev for sharing with us
Nice take!
The condensation on the can image gives it away a bit too much though. Use a clean can with all details on the label image.
You need to make a course on Udemy or TH-cam because your skills are undeniably incredible
You can't believe 😱 if I knew you earlier I would now be a professional in CSS.
your tutorials, skills and knowledge are high-end! New follower earned and this account will be shared with my friends, thank you ones again!
Bro is the Elon Musk of CSS. You're on a whole different planet!
Man I've been watching your videos form like past 15 days it really helped me out ....Nice work man...
😍😍😍😍 Thank you so much
Next css king on youtube
It Comming 🔥🔥🔥
this is the unarguably best channel on TH-cam.
Thank you so much brother
This effect looks really nice, but a way to improve it even further, would be to deform the label at the vertical edges of the can. It could be done with canvas API or SVG filter, but could you do it with CSS alone? 🤨
suprised i am now seeing this channel .
love your content!
You are a genius.. 🤯
That tutorial was awesome, unbelievably beautiful.
Damn this is some next level css, keep up the great work. Btw what is the theme on your vs code?
Thank you, this is my own custom theme, you will find instructions in the description of this video
F! man im starting to love CSS now, even though i don't have talent on it. i'am starting to learn i love your videos and i thought you are mr. beast because of how you deliver and your tone lol keep it up
Top nodge LD. Fantastic tutorial with the newest CSS features. Well explained and looking great too.
Thank brother
Absolute masterclass, thanks a lot
Thank for watching my content brother 😍
Jaw-dropping demo Lun Dev, many thanks.
Subscribed.
I love your videos so much!! I hope you keep posting :)
Of course, there will be many interesting videos later
Ong broo.. youre so talented
Awesome content with nice tutorial, keep it up bro
LA VERDAD ES QUE NO ENTIENDO BIEN EL INGLES PERO EL VIDEO ESTÁ BRUTAL Y ES MUY IMPRESIONANTE LO QUE HACE CON EL CSS , SALUDOS , NUEVO SUB
React, Svelte, Solid.... These are just things for programers enjoyment.... But your videos these design has real value! To be able create page like this 100 times more important then React server components.... Or Svelte Runes... Thank You for your videos!! :D
This is was so cool!! new subscriber here Master!
Thank you brother 😍
Nice video! The dramatic background music-I love it.
Thank you 😍😍
Please start teaching a CSS course on TH-cam as I only watched a few of your videos and it's great
and please also tell us from where we get those images that you used in the videos
Just Amazing bravo❤
Nice bro you are helping me to believe that I can do a nice design using CSS....
tuyệt với quá xem a từ lúc mới làm video bên tiktok, chúc a ngày càng phát triển 😘😘
Wow, cảm ơn em rất nhiều nhé ^^
Wow this effect is so awesome. I really need to learn about multiple backgrounds, seems like can do a lot of things with it.
Yes, hopefully it can spark your creativity
you're crazy! hahaha this is amazing!
Love your work❤
I love the video! Could you please make the sound effects more quiet next time? It’s too loud compared to the voice. It could just be me though. Very useful info regardless
Always a pleasure, i keep my css up to date and i'm entertain at the same time, perfection👌
You blew my mind! Sharp!❤
❤❤❤
What is the editor that you are working with?vs code and what ?
Very great video u are master ❤❤❤
broooo u r d css masterr
wow! your are the person i get inspiration from.
GREAT VIDEO! love this! learned a lot!
Thank you so much brother 😍😍
Amazing tutorial Lun
Thank brother ☺️☺️
thank you mr beast for help me develop my css skills
You just got a new subscriber. Nice vid 👍
Thank you so much bro 😍😍
Great work. Thank you. The CSS is definitely a bonus to the coder. ❤❤❤
Great man. You're my inspiration.
Thank you for watvhing my content, Hopefully the content I share will one day be known by many people who need it
So sad I couldn't like more than one, you deserve thousands.
Could also remove the condensation from the can and add it as another background so the condensation spins with the can further adding to the perception that the can is rotating
Wohh absolutely crazy😱
Really you are a genius❤
I learned so many new things thanks a lot brother
You are alien bruh mind blowing 👏
bro i really waits for your new videos. please never stop posting.
Bro its incredible
that mask image property is a sorcery!
Bro your on another level
hello my smart friend thanks for stunning video ❤
you are super good and exelent in css
bro is genius
your coding videos is no joke
why does he sounds like mr beast
Same lmao, I was wondering why he sound like mr beet too
Ai voice
Uss
@laughingstar3945 and its so fxcking annoying
Love the video ❤
I have a question :
I see you using position:relative and absolute along with right top etc to design the entire layout why you don't use grid or flexbox for high level layouts ? Is it a good practice as per modern CSS?
You are CSS Gods
Absolute genius! ❤
you are genius man, i want to learn from you, do you know threejs could you make video on 3D as well
Awesome tutorial man
Great video! I want to ask what if I want to create a shadow in the drock beneath the soda can, and the shadow move in size when the bottle goes higher up. Adding bottom shadow would make this much more realistic I think.
Awesome! Where are you getting these images from?
Pinterest brother
interesting, css never cease to amaze and update
That's right, it's impossible to predict what CSS will be able to do later
Great!!, ask, how do you control or adapt the elements with absolute position when making it responsive?
thanks for great work 👏
Bro I've a suggestion for you, create a full course on css from basic to advanced and I'm pretty sure you'll have massive success.
You upload premium videos for free, Wish you huge success 🎉❤
Thanks you sir this video and I am very happy 😀😀
The ultimate boss😂❤
wow.. great video
Thank you bro!
this is so Awesome 🔥🔥💯💯😎😎🙏
Thank you so much ❤️❤️❤️
Your exaggerating speaking voice is hilarious so good. extreme high extreme low . and all in between. lol great job. that's how to roll.
Awesome! Thanks
Tnx , Very help full video ❤
Bravo Bro 👏👏👏
Awesome man !!!
Ohh man, what are you doing ? its crazy .!
another amazing tutorial
Thank ❤❤❤❤❤
@@lundeveloper no, thank you for another great tutorial. please dpmt stop uploading more tutorials like this!
It's awesome ❤️💥
Thank you bro
Like..man ,if you and your friend CSS can do this, what the hell do you do with JavaScript..make a universe?? 😂 RESPECT!
😅😅😅😅😅 Thank you for watch my content brother 😍😍
awesome as always!
Thank you bro ^^
Please make a complete tutorial on beginner to advanced Css ..
cool effect bro 😎👍