Teleport To The Future in CSS Animation With Animation-Delay

Поделиться
HTML-код
  • Опубликовано: 15 янв 2025

Комментарии • 90

  • @lundeveloper
    @lundeveloper  5 месяцев назад +17

    This channel specializes in building series about web design and programming. If you are interested, please subscribe to watch many interesting videos ❤❤❤❤

  • @MplikiMpliki
    @MplikiMpliki 5 месяцев назад +27

    My bro changed the way we see HTML and CSS.

  • @JennyyDang
    @JennyyDang 4 месяца назад +6

    I was losing my passion for web dev and your videos are bringing it back :')

  • @enderclk
    @enderclk 5 месяцев назад +19

    WOW ! I feel like leveling up in every video that you upload. Keep up the good work man

    • @lundeveloper
      @lundeveloper  5 месяцев назад +1

      Of course, let's try together ❤❤

  • @GeeGnebAb
    @GeeGnebAb 5 месяцев назад +2

    woow that was a clever and real use example not just some random examples, thank you teaching us ❤

  • @techjavaid6177
    @techjavaid6177 4 месяца назад +1

    Subscribed. You're making crazy awesome videos ... High value content...❤

  • @PicSta
    @PicSta 5 месяцев назад +3

    Awesome Hoangho, you make really great and valuable content. Your videos are on point and perfectly presented. Best of luck for the future and looking forward to the next video. Liked as always. 🙂

    • @lundeveloper
      @lundeveloper  5 месяцев назад +1

      Maybe you are the first person to know my name, Thank you brother ❤

    • @PicSta
      @PicSta 5 месяцев назад

      @@lundeveloper Happy to hear brother ❤

  • @leoleo-nf3zu
    @leoleo-nf3zu 5 месяцев назад +2

    Watching ur videos make me feel like i know nothing of css, plz make a full css course

  • @SLsasa2009FF
    @SLsasa2009FF 4 месяца назад +3

    I'm 15 years old and i live in Sri Lanka. i ambition is to be a web or a software developer in future.
    your channel gave me ideas which are really help to improve my CSS knowledge. can you make a complete handbook about CSS in pdf format? it would be a huge help to lot of us to learn those more easily.

  • @Shamsham-jw8ej
    @Shamsham-jw8ej 5 месяцев назад +1

    Your projects are unique and beautiful 🔥

  • @Ddejedidiejdidndifneif
    @Ddejedidiejdidndifneif Месяц назад

    Thank you so much❤ great job bro

  • @genesis196
    @genesis196 5 месяцев назад +4

    Bro you deserve so much more subs

    • @lundeveloper
      @lundeveloper  5 месяцев назад

      Thank you so much brother, its my dream

  • @thevhejalltd8716
    @thevhejalltd8716 5 месяцев назад +1

    Never imagine css like this before😳

  • @lundeveloper
    @lundeveloper  5 месяцев назад +3

    Transform into Doctor Strange, to manipulate time in CSS animation

  • @dhruvilshah7770
    @dhruvilshah7770 5 месяцев назад +1

    Hey there! I like your content very much, can you make a video on an editable, resizable text element that has gradient text and gradient underline because when I tried I ran into lots of bugs!

  • @jermaineallgood
    @jermaineallgood 4 месяца назад

    You are DAT DUDE!!!!

  • @Amaiek
    @Amaiek 5 месяцев назад

    Bro, u are amazing 🔥

  • @danielshijakovski2874
    @danielshijakovski2874 4 месяца назад

    Love this!
    Any chance there is a way to make the math work for items that are each a different dynamic size? Been struggling to figure that out for a while now

  • @PHG_Team
    @PHG_Team 5 месяцев назад +1

    Please make a web developer portfolio with a section Where u can buy the product, a whats about me section, a home, a section where u can contact and much more, with animations, and 3d parts please

  • @Migueltorrejas-el7jd
    @Migueltorrejas-el7jd 5 месяцев назад

    Always updated to your videos sir;

    • @lundeveloper
      @lundeveloper  5 месяцев назад

      😍😍😍 Thank you so much brother 😍

  • @webdevdost
    @webdevdost 5 месяцев назад

    It can be created easily without doing that much maths.
    This trick if also cool if u wanna learn something new

  • @thecolorblue7427
    @thecolorblue7427 5 месяцев назад

    ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤you are the best

  • @endisetiawan7193
    @endisetiawan7193 5 месяцев назад

    Its Amazing Broo..😮

  • @abdulwaheedorg
    @abdulwaheedorg 17 дней назад

    You rocked again

  • @andphysics4318
    @andphysics4318 5 месяцев назад

    please lun make a series on backend development please.I want to learn from you.

  • @saikrishna-or5qj
    @saikrishna-or5qj 5 месяцев назад

    Please make a video on extensions which you use.

  • @MustaPha-s4i
    @MustaPha-s4i 5 месяцев назад

    I am not good in english but how you use thé animations to explaine is Amazing
    Tnx you

    • @lundeveloper
      @lundeveloper  5 месяцев назад +1

      awesome, glad to read this comment. In most of my videos I try to use as many illustrations as possible to help viewers understand better. 😍

  • @TEZ-ishere
    @TEZ-ishere 5 месяцев назад +1

    the best youtuber fr

    • @lundeveloper
      @lundeveloper  5 месяцев назад

      Thank you brother ❤❤❤❤

  • @abhaysharmafitness
    @abhaysharmafitness 5 месяцев назад

    very informative

  • @MercurySteel
    @MercurySteel 5 месяцев назад +2

    Do you have a video about scroll properties like scroll-padding and scroll margin? It's difficult to find a good tutorial on that topic.

    • @lundeveloper
      @lundeveloper  5 месяцев назад +1

      Yes, there are several videos on this topic already released on my channel

    • @MercurySteel
      @MercurySteel 4 месяца назад

      @@lundeveloper
      I was hoping you could navigate me to one of those videos.

  • @Designer_Fact
    @Designer_Fact 5 месяцев назад

    Thanks brother

  • @edwardsj
    @edwardsj 5 месяцев назад

    Muito top 🎉, gostei

  • @back2Islamyt
    @back2Islamyt 5 месяцев назад

    I don't get one thing though before going to the future with negative animation delay it doesn't take the entire screen but as the animation runs forward it eventually takes the whole screen .When the animation resets why it doesn't reverts back to state that was at the begining of the animation?

  • @amaanansari000
    @amaanansari000 5 месяцев назад +2

    I do not have a college degree but I wanted to learn coding and started 2 months ago I want a job in this field what should I do can you Please suggest something or give me tips, BTW love your work❤❤

    • @lundeveloper
      @lundeveloper  5 месяцев назад +3

      Whether a university degree is important or not depends on the situation in each country.
      In my country, in this field a university degree will not be too important for you to get a job.
      The important thing is that you will need to be competent.
      On the other hand, self-study will take more time because you do not have the guidance of a teacher. But nothing is impossible.
      First, you should learn HTML, CSS then basic Javascript.
      After that, you will need to look up and find information about Backend and Frontend to see which one is suitable for you, and then learn related languages ​​and frameworks.

    • @KnoxGaming123
      @KnoxGaming123 5 месяцев назад

      ​@@lundeveloper bruh this is about degree but my age is 15 at this. And i learned html,css,js,sass,bootstrap basic,tailwind learning what should i do next? And in this age is possible to get job?

    • @amaanansari000
      @amaanansari000 5 месяцев назад

      @@lundeveloper Thanks Man,

  • @PicSta
    @PicSta 5 месяцев назад +1

    I tried to play around with that example. Something I stumbled over was, how can you get rid of the space between each slide/image. List-style, margin: 0; padding: 0; every thing is applied in my example. Used it on ul, li and img, also made some inline elements block. It still has the weird spacing. Any idea what it is caused by?

    • @lundeveloper
      @lundeveloper  5 месяцев назад +1

      In your case, the space between those elements is not margin, nor padding. It is the space character " " 🥵.
      But you did not write any space character " " ? In this case, when you press enter to go to a new line in the code, it will consider it as a space character " ".
      Why is this problem happening ?
      This usually happens when you are adding display: inline or inline-block to items to make them lie on a row.
      Instead, use flex. You just need to add display: flex and flex-wrap: wrap to the Ul tag.
      This way will also help the items lie on the same row without causing the above error.
      Hope this explanation helps you a little

    • @PicSta
      @PicSta 5 месяцев назад

      @@lundeveloper I know it's probably asked too much, but is there any option I can show you my short CSS and HTML?

  • @ClipTwitchFr
    @ClipTwitchFr 3 месяца назад

    What extension allows you to see the code in the style attribute as if it were a css file?

  • @i8usaaaaaiid856
    @i8usaaaaaiid856 5 месяцев назад

    Bro make a Front end Development course please....

  • @kxppy610
    @kxppy610 4 месяца назад

    hey bro, what is your vscode skin?

  • @endlacer
    @endlacer 5 месяцев назад

    you're from vietnam arent you?

  • @MichealArinze-gs3ex
    @MichealArinze-gs3ex 5 месяцев назад

    Can you make a vedeo using css to change a baground image

  • @nahomdesalegn4660
    @nahomdesalegn4660 5 месяцев назад

    can you do a video about scroll animations of pages with css.......thank you

    • @lundeveloper
      @lundeveloper  5 месяцев назад

      I has a video " Scroll Crazy Animation In CSS " in my channel

    • @nahomdesalegn4660
      @nahomdesalegn4660 5 месяцев назад

      @@lundeveloper yes i found it thanks, you the best

  • @stressbustercwc8142
    @stressbustercwc8142 5 месяцев назад

    Hey bro nice explanation, I tried recreating the same but my images are aligned vertically one by one and it's not wrapping inside my slider container and if I ignore that and apply all the remaining style,atlast all 9 images are sliding together even though applying that formula- any advice

    • @lundeveloper
      @lundeveloper  5 месяцев назад +1

      Hello, you can refer to my source code to compare the differences in our code. My code link is in the video mentioned in the description. Check out the description of this video

  • @Raiyandev
    @Raiyandev 2 месяца назад

    What ai voice do you use please tell

  • @stefankostov8182
    @stefankostov8182 3 месяца назад

    Ok, but if I want the logos in this list to have different widths, not all equal to 250px, how can I achieve that?

  • @MrTweaksGaming
    @MrTweaksGaming 4 месяца назад

    Bro start a course. I want to learn css from you

  • @farhanstack
    @farhanstack 5 месяцев назад

    Awesome!

  • @Abdullah_WordPress_Expert
    @Abdullah_WordPress_Expert 5 месяцев назад

    hello sir !
    plz make a video about
    @property --property-name{
    syntax: "";
    inherits: ;
    initial-value: ;
    }
    plz 😍😍😍😍😍😍😍😍😍😍

  • @Mr.Pro-aksh26
    @Mr.Pro-aksh26 4 месяца назад

    From exactly where you get this knowledge????

  • @fahimfaisal6693
    @fahimfaisal6693 5 месяцев назад

    Bro Do you have any course ?

    • @lundeveloper
      @lundeveloper  5 месяцев назад +1

      @@fahimfaisal6693 Yes I do, please watch the video mentioned in the description. That video provides the full code.

  • @parthshinde5655
    @parthshinde5655 5 месяцев назад

    Bro broo can u tell bout scrool animation like snappy and all and like my headder snd footer is making it hard

    • @lundeveloper
      @lundeveloper  5 месяцев назад

      I have made a few videos on the topic of scrolling, you will find it in my channel

    • @parthshinde5655
      @parthshinde5655 5 месяцев назад

      @@lundeveloper okii I will look thx

  • @mukeshodhano4094
    @mukeshodhano4094 5 месяцев назад

    bro where do you get cool images

    • @lundeveloper
      @lundeveloper  5 месяцев назад

      I often collect images on pinterest

  • @NEWTR0N_MUSIC
    @NEWTR0N_MUSIC 2 месяца назад

    How to create a infinite items moving top to bottom

  • @bobh4686
    @bobh4686 4 месяца назад

    Nice, but needs to be responsive

    • @lundeveloper
      @lundeveloper  4 месяца назад

      it is automatically responsive

    • @bobh4686
      @bobh4686 4 месяца назад

      @@lundeveloper no it's not, cards stay the same size on every screen

  • @Seasonable_airdrop
    @Seasonable_airdrop 5 месяцев назад +1

    3rd🎉comment

    • @lundeveloper
      @lundeveloper  5 месяцев назад

      Wow, thank you so much ❤

  • @ANIMETAMILERA7
    @ANIMETAMILERA7 5 месяцев назад +1

    I am a first like

    • @lundeveloper
      @lundeveloper  5 месяцев назад

      Wow, Thank you so much brother 😍😍

  • @MOINKHAN-d7c
    @MOINKHAN-d7c 5 месяцев назад +1

    Learn our GSAP to make beautiful animations

  • @kitamashi
    @kitamashi 5 месяцев назад +1

    good video but don't use the voice of a scammer

    • @nfh222
      @nfh222 4 месяца назад

      Who the scammer, this is ai

  • @SamelloTM
    @SamelloTM 5 месяцев назад +1

    This is cool and all BUT PLEASE SWITCH THIS AI VOICE its so hard to push through

    • @zaidkamil
      @zaidkamil 5 месяцев назад +1

      Fix your ear bro.

  • @visionevo
    @visionevo 4 месяца назад

    unbearable AI voice

  • @peterbergvall7752
    @peterbergvall7752 4 месяца назад

    Gods, these AI voices are annoying!