Hank The Tank

Hank The Tank

Hey guys ! welcome to my channel , If you are interested in learning programming from scratch and want to build cool projects with programming and just want to enjoy the vast world of coding , so this is a great channel for you. I try my best to explain things as simple as i can , so that you too can understand and have the fun and craze of coding.

God Bless Y'all . Thank You

Пікірлер

  • @himanshuukey4947
    @himanshuukey4947Күн бұрын

    ❤❤

  • @HankTheTankCoding
    @HankTheTankCodingКүн бұрын

    ❤️

  • @AHSANHABIBMUAZ
    @AHSANHABIBMUAZКүн бұрын

    Bro, can You make it responsive, (for small screens too) it's working for PC only. 😢

  • @HankTheTankCoding
    @HankTheTankCodingКүн бұрын

    This video was essentially to just showcase the animated on scroll using just css but I will try to make it responsive in the next or so 😊

  • @AHSANHABIBMUAZ
    @AHSANHABIBMUAZКүн бұрын

    @@HankTheTankCoding Thanks Sir ❤️

  • @HankTheTankCoding
    @HankTheTankCodingКүн бұрын

    @AHSANHABIBMUAZ you're welcome 😊

  • @hugocangi6214
    @hugocangi62142 күн бұрын

    Hello Hank, good Sunday, I just finished your video on card css hover, spectacular, I thank you, I'm learning

  • @HankTheTankCoding
    @HankTheTankCoding2 күн бұрын

    Glad you liked it ! A good Sunday to you as well mate ❤️

  • @payalroy6814
    @payalroy68142 күн бұрын

    wow amazing!

  • @HankTheTankCoding
    @HankTheTankCoding2 күн бұрын

    Thanks 😊

  • @taranewstime6909
    @taranewstime69092 күн бұрын

    Bro can please make flipbook magazine using html css which is helps that component can able integrate like react freamwork There is not any animated like flipbook magazine design i have never seen in KZread internet

  • @HankTheTankCoding
    @HankTheTankCoding2 күн бұрын

    Sure bro, will look into that 🔥

  • @taranewstime6909
    @taranewstime69092 күн бұрын

    @@HankTheTankCoding thank you for quick reply

  • @HankTheTankCoding
    @HankTheTankCoding2 күн бұрын

    @@taranewstime6909 you're welcome 😊

  • @AniOni-jw8fl
    @AniOni-jw8fl5 күн бұрын

    You are doin a awesome job broo . I am learning from your videos. KEEP IT UP | GOD BLESS.

  • @HankTheTankCoding
    @HankTheTankCoding5 күн бұрын

    Thanks alot bro ❤️

  • @nomankarim2988
    @nomankarim29886 күн бұрын

    Very helpful for me Thank's

  • @HankTheTankCoding
    @HankTheTankCoding6 күн бұрын

    Welcome 😊

  • @Hero-pr4qt
    @Hero-pr4qt7 күн бұрын

    I don't have energy for today. I trying do it for 2 days and every single method doeasn't work

  • @Hero-pr4qt
    @Hero-pr4qt6 күн бұрын

    I was trying... Guys read every letter bcs i had written accordiAn not accordiOn in one line :))))

  • @HankTheTankCoding
    @HankTheTankCoding6 күн бұрын

    Ohh glad you could do it, cheers 🎉

  • @guangduolu
    @guangduolu7 күн бұрын

    嘿嘿嘿嘿嘿嘿嘿,真厉害

  • @HankTheTankCoding
    @HankTheTankCoding6 күн бұрын

    Thank you ❤️

  • @guangduolu
    @guangduolu6 күн бұрын

    不客气呀,为你点赞哦~@@HankTheTankCoding

  • @HankTheTankCoding
    @HankTheTankCoding6 күн бұрын

    @@guangduolu 😍

  • @Ai_Shaw
    @Ai_Shaw8 күн бұрын

    U best bro!

  • @HankTheTankCoding
    @HankTheTankCoding8 күн бұрын

    Thanks 😊

  • @Ai_Shaw
    @Ai_Shaw8 күн бұрын

    @@HankTheTankCoding Love u bro

  • @HankTheTankCoding
    @HankTheTankCoding8 күн бұрын

    Love u too bro ❤️

  • @sanjroks
    @sanjroks9 күн бұрын

    Great 👍

  • @HankTheTankCoding
    @HankTheTankCoding9 күн бұрын

    Thanks ;)

  • @julianvelez6563
    @julianvelez65639 күн бұрын

    Awesome work bro ❤❤❤

  • @HankTheTankCoding
    @HankTheTankCoding9 күн бұрын

    Thanks bro

  • @limon840
    @limon8409 күн бұрын

    Nice video 💯

  • @HankTheTankCoding
    @HankTheTankCoding9 күн бұрын

    Thanks 😊

  • @payalroy6814
    @payalroy68149 күн бұрын

    nicely explained ❤

  • @HankTheTankCoding
    @HankTheTankCoding9 күн бұрын

    Thanks

  • @MaurizioMarvaso58
    @MaurizioMarvaso589 күн бұрын

    thanks...

  • @HankTheTankCoding
    @HankTheTankCoding9 күн бұрын

    You're welcome 😊

  • @abdullahtariq5993
    @abdullahtariq599315 күн бұрын

    great,. but u should also make it work for mobile devices

  • @HankTheTankCoding
    @HankTheTankCoding15 күн бұрын

    Will do it in next time for sure

  • @payalroy6814
    @payalroy681415 күн бұрын

    really was in need of such a dropdown menu, thanks

  • @HankTheTankCoding
    @HankTheTankCoding15 күн бұрын

    Glad I could help ;)

  • @Blackdiamond929_
    @Blackdiamond929_16 күн бұрын

    I want to cry..... happy tears! thank you so much! this is awsome

  • @HankTheTankCoding
    @HankTheTankCoding16 күн бұрын

    Glad it helped ;)

  • @amitpandey346
    @amitpandey34618 күн бұрын

    Amazing bro❤

  • @HankTheTankCoding
    @HankTheTankCoding18 күн бұрын

    Thanks bro ❤️

  • @adhitamaputra-73
    @adhitamaputra-7319 күн бұрын

    .b.i.n.a. .s.a.r.a.n.a. .i.n.f.o.r.m.a.t.i.k.a.

  • @lynako-as8448
    @lynako-as844821 күн бұрын

    I see you're using your class names to call the modifications in your CSS stylsheet. I was looking for a customisation via bootstrap variables, so not the right video for me :\

  • @HankTheTankCoding
    @HankTheTankCoding21 күн бұрын

    You can use the variables as well as bootstrap classes but make sure to add !important in some properties

  • @sanjroks
    @sanjroks23 күн бұрын

    The graph looks cool

  • @HankTheTankCoding
    @HankTheTankCoding23 күн бұрын

    Thanks 😊

  • @payalroy6814
    @payalroy6814Ай бұрын

    great ❤

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    😊

  • @rivardhanrana4339
    @rivardhanrana4339Ай бұрын

    Not working on my code😢😢

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Is it? Make sure to follow up well, you might have missed somewhere ;)

  • @rivardhanrana4339
    @rivardhanrana4339Ай бұрын

    @@HankTheTankCoding please provide codes in this video description

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    @@rivardhanrana4339 I usually provide the source code but for this one idh the code unfortunately, pls check the latest one , thank you

  • @rivardhanrana4339
    @rivardhanrana4339Ай бұрын

    @@HankTheTankCoding thanks for your help actually I'm very frustrated 😔😔😔 because I'm 27 and I have no skills and I don't know how do I make myself jobs 😭😔 so I need too much help....

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    @@rivardhanrana4339 don't worry , keep working hard steadily, you'll make it. God will help you ❤️

  • @julianvelez6563
    @julianvelez6563Ай бұрын

    Awesome work bro ❤❤❤

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Thanks bro

  • @marekkokotakus4093
    @marekkokotakus4093Ай бұрын

    helped bor

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    😊

  • @payalroy6814
    @payalroy6814Ай бұрын

    cool animation ❤

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Thanks 😊

  • @julianvelez6563
    @julianvelez6563Ай бұрын

    Awesome work bro ❤❤❤

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Thanks bro

  • @payalroy6814
    @payalroy6814Ай бұрын

    amazing

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Thank you! Cheers!

  • @chrysa6028
    @chrysa6028Ай бұрын

    niiiiice💥💫 thank you sir

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    😊

  • @lexgim
    @lexgimАй бұрын

    thank youu

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    You're welcome

  • @payalroy6814
    @payalroy6814Ай бұрын

    amazing 🎉

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Thanks 😊

  • @uroki-verstki
    @uroki-verstkiАй бұрын

    nice

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Thanks

  • @sanjroks
    @sanjroksАй бұрын

    Very useful

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Thanks alot

  • @nataliareyesN7
    @nataliareyesN7Ай бұрын

    Beautiful, awesome, great tutorial, thanks!

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Thanks for such a wonderful comment ❤️

  • @payalroy6814
    @payalroy6814Ай бұрын

    amazing 🎉❤

  • @HankTheTankCoding
    @HankTheTankCodingАй бұрын

    Thanks alot

  • @namanyasiapa9307
    @namanyasiapa93072 ай бұрын

    thnks master

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    You're welcome 😊

  • @julianvelez6563
    @julianvelez65632 ай бұрын

    Awesome work bro ❤❤❤

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Thanks

  • @muammar483
    @muammar4832 ай бұрын

    please share the source code

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Gotta check, I doubt I have the source, will share if I get ;) all the new ones have source code

  • @jcchaconjr
    @jcchaconjr2 ай бұрын

    Very nice Hank! I do have a question, however. In reproducing this effect, I saw an opportunity to optimize the CSS code a bit by declaring variables for the filters as a style attribute in each card instance (creating the variable --hue as 0deg, 150deg, 300deg, and 90deg for each), as opposed to declaring and creating 3 more selectors to apply the filter. I then created the filter property for the .card selector and apply the variable into the property accordingly. While this achieved the desired effect (each card got its own hue), it somehow wound up disabling all of the 3D transform hover effects for the elements inside of the cards; the card itself still rotates when hovered. Do you happen to know why this happens? EDIT: Hmm... Since the cards were wrapped by the .parent div class, I experimented and applied the style to those instances, then moved the filter property to the .parent selector accordingly. THAT works. Now I'm curious as to why applying that filter using a variable would kill some the properties in the child classes? 🤔

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Hey! Well I'll have to check the video, I actually have forgotten what I did, will have to look it up and then can tell you haha, sorry bout that, glad it worked though. 🤜🏻🤛🏻🔥

  • @jcchaconjr
    @jcchaconjr2 ай бұрын

    @@HankTheTankCoding Haha, no worries. I was just curious, because I'm relatively new to CSS and I haven't seen that kind of behavior before. FWIW, I applied this to each .card instance in index.html, i.e. style="--hue:150deg;", with each of the values plugged in above for each card class instance on the page. I then added this to the .card selector: filter: hue-rotate(var(--hue)); - this is what caused the hover effects for the elements inside the card to stop working. As mentioned above, moving the style declarations and the property to the .parent elements fixed the problem. Regardless, thank you so much for this demo. You've inspired me to play around and experiment with 3D transform effects! 😁

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Thanks alot for your wonderful comment, comments like these inspire me sooo much to keep going, even though there are days I feel down regardless of putting in so many videos in the channel, I'm glad that atleast some are getting help, means alot to me, really alot.

  • @payalroy6814
    @payalroy68142 ай бұрын

    amazing🎉

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Thanks

  • @samkelopj
    @samkelopj2 ай бұрын

    Definitely saving this, Thank you can you please help and make it accept to upload atleast 5 images and then the added images will be then displayed on courasel if the user click upload or next 🤲🏽👏

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    That would be abit different , but can be made via this approach

  • @samkelopj
    @samkelopj2 ай бұрын

    @@HankTheTankCoding ok thanks bro will try

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Welcome

  • @TheIndianOutcast
    @TheIndianOutcast2 ай бұрын

    Bro!! Say about timing!!!! I was thinking of building a Sign up page tomorrow and this popped up.... It is a cool one.... will definitely look into it.

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Hahaha! Thanks bro, hope it helps

  • @robolearn
    @robolearn2 ай бұрын

    Very Good 👏🏻👏🏻👏🏻👏🏻

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Thanks

  • @payalroy6814
    @payalroy68142 ай бұрын

    super sleek!!

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    🤙

  • @craylixart
    @craylixart2 ай бұрын

    Looks so sleek and smooth! Thanks for this tutorial 😏

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Glad you liked you bro ❤️🤜🏻🤛🏻

  • @payalroy6814
    @payalroy68142 ай бұрын

    Amazing

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Thanks alot

  • @RohitCoder
    @RohitCoder2 ай бұрын

    Make the websites using react

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Definitely in future.

  • @RohitCoder
    @RohitCoder2 ай бұрын

    @@HankTheTankCoding make as soon as possible all people need react

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    @@RohitCoder yep ;)

  • @julianvelez6563
    @julianvelez65632 ай бұрын

    Awesome work bro ❤❤

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Thanks bro

  • @xAndre-d-Moraes
    @xAndre-d-Moraes2 ай бұрын

    The Frontend channel number one. Thank you!

  • @HankTheTankCoding
    @HankTheTankCoding2 ай бұрын

    Thanks alot for such compliment.