The King Of CSS Timing Functions | CSS Steps

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024
  • In this video, with the topic The King Of CSS Timing Functions | CSS Steps, I will share with everyone an extremely powerful CSS timing function that does not comply with the rules of animation timeline, like a king. Watch the video to experience more CSS skills.
    -----
    Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅.
    #javascript #code #css
    -----
    Theme VsCode I'm Using: • Create Your Own VSCode...
    Featured video series
    React Js Tutorial: • React JS
    Design Slider - Carousel web: • Design Slider - Carous...
    E-Commerce Web Coding: • E-Commerce Website Code
    Design Parallax SCrolling Effect: • Reponsive Parallax Scr...
    Web Applycation Code: • Web Application Code
    Javascript Tutorial: • Javascript Tutorial
    CSS Tutorial: • CSS Tutorial
    Many other impressive videos: / @lundeveloper
    Contact With me:
    Instagram: / lundev.web
    Email: hohoang.dev@gmail.com
    Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support 😍.
    Here, I share all my knowledge about Developer and Web Design including languages ​​such as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.

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

  • @lundeveloper
    @lundeveloper  3 дня назад +10

    Please Subscribe to watch more interesting videos about programming and web design

    • @Samarsinghxs
      @Samarsinghxs 3 дня назад

      Hey bro how can I brush up my skills means to some magical properties and I wanna make a proposal website can u give me a idea 💡

    • @HuynhLuong227
      @HuynhLuong227 2 дня назад

      How make animation background behind when run and jump?

  • @bilalarshad2092
    @bilalarshad2092 3 дня назад +4

    Thankuu Sir, no one tell this
    Your teaching method is really really awesome

  • @moshrefandme
    @moshrefandme 3 дня назад +44

    Pro you're the best one in CSS 💪🔥

    • @lundeveloper
      @lundeveloper  3 дня назад +12

      Thank you very much, there are always much better people in the world

    • @masoomsanadi
      @masoomsanadi 3 дня назад +4

      agree

  • @ipa_stor
    @ipa_stor День назад

    Please stop blowing my mind on EVERY video. You make top CSS content, I mean it! Thank you

  • @randyboy5834
    @randyboy5834 20 часов назад +1

    This channel resonates with my artistic soul.

  • @back2Islamyt
    @back2Islamyt 3 дня назад +3

    Few days ago while trying a JS animation by css I feel the need of something like that but I didn't know if there was any method like this or not .Thanks for sharing this knowleadge bro .

  • @JaredVBrown
    @JaredVBrown 3 дня назад

    What even is this channel? Professional grade animation conveyed in an approachable way.
    Beautiful Content!

  • @felixjones4522
    @felixjones4522 3 дня назад

    THERE'S LITERALLY NO DAY I DON'T LOOK FORWARD TO A VIDEO FROM YOU.. I'VE LEARNT A LOT FROM YOU BRO.
    thank you sir

    • @lundeveloper
      @lundeveloper  3 дня назад

      Thanks for watching my content brother ❤️‍🔥❤️‍🔥

  • @DuyAnhĐỗ-g7t
    @DuyAnhĐỗ-g7t 3 дня назад +1

    Thật sự bất ngờ khi bạn là người Việt. Làm video quá tâm đắc luôn, lâu rồi mình mới xem được clip về code của người Việt hay và chi tiết như của bạn. Tks bro.

  • @MRARB-ch9qj
    @MRARB-ch9qj 3 дня назад

    best CSS tutor in my development life 🔥

  • @Proud_Deen
    @Proud_Deen 23 часа назад

    The greatest guy alive in css world

  • @prashanthshetty8337
    @prashanthshetty8337 3 дня назад

    this is next level of CSS!!! awesome dude. Thanks for sharing.

  • @soumyam8890
    @soumyam8890 3 дня назад +4

    Bro your the best ever css teacher but can you also create videos on javascript and real based website builds❤

  • @MikeREVANA
    @MikeREVANA 3 дня назад +1

    You for sure are the CSS GOAT🔥🔥

  • @berdinazarov6972
    @berdinazarov6972 3 дня назад +1

    Enjoyed it very much, thanks❤

  • @Achrafhakim-o1f
    @Achrafhakim-o1f 3 дня назад

    you're the goat of css3

  • @jonux13
    @jonux13 3 дня назад +1

    The GOAT of css ever!!!

  • @fredhydesignstudio
    @fredhydesignstudio 3 дня назад

    A M A Z I N G !!!! Thanks for share. 👏🏾👏🏾👏🏾

  • @abhinavpatel1619
    @abhinavpatel1619 3 дня назад

    ive been a fan of your methods of making differnt webpages and Ive learned a lot from you

    • @lundeveloper
      @lundeveloper  3 дня назад

      I'm very happy because it's useful

  • @danser_theplayer01
    @danser_theplayer01 3 дня назад

    This is some out of the box thinking right here. Just like game textures may be stored in a single file loaded in at the start and read using different offsets for different assets.

    • @lundeveloper
      @lundeveloper  3 дня назад

      Yes, All actions will be loaded in one go, lighter and cleaner, so that when the character changes movements, it ensures smoothness.

  • @kafukai
    @kafukai 3 дня назад

    Amazing! I definitely would watch a tutorial of making a game like this.

  • @tranghoang9575
    @tranghoang9575 3 дня назад +1

    OMG, i think you should make runner game with CSS...

  • @siddharth7994
    @siddharth7994 3 дня назад +1

    Bro, No one Catch your hands in CSS Alexander of CSS 👍

  • @andreibarbuto2060
    @andreibarbuto2060 3 дня назад

    The god of css posted a video.

  • @lundeveloper
    @lundeveloper  3 дня назад +1

    I intentionally added piano background music because I like it so much but when I watch the video I can't hear anything because the piano sound is too low

  • @nhatcapdang
    @nhatcapdang День назад

    wow tutorial is awesome, easy, cleary to understand

  • @piotrniktowski2546
    @piotrniktowski2546 2 дня назад +2

    Thank you for your lessons Bro 😊

  • @athulps4374
    @athulps4374 3 дня назад

    Nice work bro ❤...
    And thanks for a valuable information

  • @allouacheelias-k9f
    @allouacheelias-k9f 3 дня назад

    Always waits for your videos 🔥 💪

  • @AmirulIslam-gg2fn
    @AmirulIslam-gg2fn 3 дня назад

    Very well explained!

  • @PigeonHawk
    @PigeonHawk День назад

    Another Great Drop by Sensie ❤

  • @waywardcloud630
    @waywardcloud630 3 дня назад

    OMG, this is css only ❤

  • @AbdelrahmanRamadan-cp5jx
    @AbdelrahmanRamadan-cp5jx 17 часов назад

    Great content man! keep it up.

  • @kingpin4152
    @kingpin4152 3 дня назад

    Another great tutorial

  • @deephousefridays1911
    @deephousefridays1911 День назад

    man that's insane! you never disappoint!

  • @HuynhLuong227
    @HuynhLuong227 3 дня назад +6

    wow, so carazy game, can you make game with this effect? please share this template, thank you

  • @techwake360
    @techwake360 3 дня назад

    Mind blowing

  • @chetanmajumdar5518
    @chetanmajumdar5518 3 дня назад

    Bro your are Awesome , i always take a preference from you thank you brother ! keep going with your Work 😊😊😊😊😊😊, i really appreciate your work

    • @lundeveloper
      @lundeveloper  3 дня назад

      Thanks brother 😊😊😊😊😊

  • @AbolajiAbdullah-x1d
    @AbolajiAbdullah-x1d 3 дня назад

    Wow good 🎉

  • @keitho6974
    @keitho6974 3 дня назад

    Awesome video as always

  • @AliSaeed-c6j
    @AliSaeed-c6j 3 дня назад

    always unique content. thank you

    • @lundeveloper
      @lundeveloper  3 дня назад

      Thanks brother 😍😍😍 I like this comment 😍

  • @thanhcong99812
    @thanhcong99812 2 дня назад

    a có demo chất quá, hy vọng video tiếp theo a làm game oánh mấy vật cản trên đường đi nhé, cảm ơn anh

  • @MustaPha-s4i
    @MustaPha-s4i 3 дня назад

    You are thé best WE need more vidéo hhhh

  • @khouchanemahmoud9475
    @khouchanemahmoud9475 3 дня назад

    Cool🎉

  • @RanMC9918
    @RanMC9918 2 дня назад

    css game is wild

  • @fabbyvest
    @fabbyvest 2 дня назад

    You are Amazing Chief

    • @lundeveloper
      @lundeveloper  2 дня назад +1

      Thanks for watching brother ❤️

  • @Ubasharea
    @Ubasharea 3 дня назад +1

    i know this may sound off-topic, but may you please have a video talking about the basics!
    just wish to learn something in your way of explaining 😁.
    maybe about css display : block, inline. and position: relative, absolute.
    thanks much mr. css Einstein

  • @TwilightMystique
    @TwilightMystique 14 часов назад

    Bro is dropping Boom after Boom😂

  • @PicSta
    @PicSta 2 дня назад

    Hey Hoangho, the step animation is really great, unfortunately I had no real case, where I needed steps yet. I think I used it once for a typewriter effect, where each letter represents a step for the typing animation. Wish I would be more creative to find more cool ideas and use steps animation. Sometimes the small things on websites can make them look more professional. Stepping through character animations is great, but where would you use it else for? Please share your ideas with us. Thanks in advance, bro.

  • @ty-cf6zi
    @ty-cf6zi 3 дня назад

    love it.

  • @ssygon2
    @ssygon2 3 дня назад

    Nice!

  • @faheemahmad5882
    @faheemahmad5882 3 дня назад

    King 👑

  • @AbhinavChaudhary-un3me
    @AbhinavChaudhary-un3me 3 дня назад

    Kindly Make A Full CSS Tutorial

  • @tuna7957
    @tuna7957 3 дня назад

    Oh my king

  • @AntonioRibeiro-qs3fy
    @AntonioRibeiro-qs3fy 3 дня назад

    So damn interesting thanks a mil

  • @mr.fabian8471
    @mr.fabian8471 3 дня назад

    nice !!!

  • @M_R_H_Rokib
    @M_R_H_Rokib 3 дня назад

    Insane

  • @HaTrongManhTuongFPLHCM
    @HaTrongManhTuongFPLHCM 2 дня назад +2

    Thưa bệ hạ, ngài đã dẫn lối front-end cho chúng thần

  • @faheemahmad5882
    @faheemahmad5882 3 дня назад +1

    Can u do a video everyday ? 😅 its too good

    • @lundeveloper
      @lundeveloper  3 дня назад +4

      If I had 6 hands 😅😅😅

    • @faheemahmad5882
      @faheemahmad5882 3 дня назад

      @@lundeveloper 🙌 still next level

    • @kashinadoing
      @kashinadoing 3 дня назад

      @@lundeveloper broo i would like to make a sekiro type 2D p v p game through this if i would be able to i will tag you thank you for the video for inspiration

  • @zainuldin9095
    @zainuldin9095 3 дня назад

    please can you make more animation videos on UI like layout animations

  • @danishsaifi7817
    @danishsaifi7817 3 дня назад

    Ohh i seeee

  • @SohaibZaman
    @SohaibZaman 3 дня назад

    love you😗

  • @svdden_strike
    @svdden_strike 3 дня назад +1

    Tailwind css is scared of bro 🙆🏻‍♂️

  • @Maruururu
    @Maruururu 3 дня назад

    i love you rvideos misterbeast

  • @milleny8295
    @milleny8295 3 дня назад

    can you share the image ? also can you make a vdo on how you did onclick movements

  • @sachinRao15
    @sachinRao15 2 дня назад

    Just 😳

  • @robertholtz
    @robertholtz 3 дня назад +6

    It’s not “biz-ear”. It’s “bez-zee-ay.” As in the French engineer who popularized it, Pierre Bézier.

    • @watchit9519
      @watchit9519 2 дня назад

      "Be-Z-year"

    • @beforeandafterphotos
      @beforeandafterphotos День назад

      Be zee air

    • @robertholtz
      @robertholtz 20 часов назад +1

      @@beforeandafterphotos Closer. Be zee ay. French not English.

    • @beforeandafterphotos
      @beforeandafterphotos 20 часов назад

      @@robertholtz bro no one cares. this dudes first language isnt even english. who cares

    • @robertholtz
      @robertholtz 18 часов назад +1

      @@beforeandafterphotos Enjoy your ignorance.

  • @rifathossain328
    @rifathossain328 3 дня назад

    Man i have 2 questions:
    How did you learn and come up with all these things?
    I have completed CSS and doing small projects and practices, is it worth it? Seen people talking about figma to htmal css conversion and Wordpress etc , is it worth it , i am fairly new compare you guys, dealing with lots of doubts, haven’t started react and back_end yet , all of these things yet it feels like never ends . Thank you in advance

    • @amitmallick4915
      @amitmallick4915 2 дня назад

      same stage bro.

    • @lundeveloper
      @lundeveloper  День назад +1

      1. It is simply experience accumulated over many years and supplemented by creativity.
      2. Doing small projects yourself is great, and it is also the best way for you to understand and master the code.
      3. Converting from Figma to HTML/CSS is something you will need when working, but it is not too important in the early stages, start with it after you have done step 2 well. WordPress is a Other directions you may or may not learn.
      4. In fact, even a veteran programmer like me has to constantly learn new things, it's never ending. What you need to do is find a suitable roadmap.

  • @trucmai6532
    @trucmai6532 3 дня назад

    goat

  • @andyl9920
    @andyl9920 3 дня назад

    Where can we find these kind of images? Is there a website to get these?

  • @acloudonthebluestsky9687
    @acloudonthebluestsky9687 3 дня назад

    Giga chad

  • @alin7295
    @alin7295 3 дня назад

    but from where did you get that types of image ?

  • @KumarMagar-h1x
    @KumarMagar-h1x 3 дня назад

    Any website suggestions for this kind of image to get

  • @daddygamerzff2878
    @daddygamerzff2878 17 часов назад +1

    give git link for photos and code

  • @AbolajiAbdullah-x1d
    @AbolajiAbdullah-x1d 3 дня назад

    Pls design a chat box
    Where you can chat with people . Eg Whatsapp 😢😢😂

  • @htmlold
    @htmlold 3 дня назад +1

    1 🎉

  • @Pavelius
    @Pavelius 3 дня назад

    Это шок если честно

  • @rogerramjet69
    @rogerramjet69 3 дня назад

    killer

  • @Skally-b2b
    @Skally-b2b 23 часа назад

    from where you get that image

    • @lundeveloper
      @lundeveloper  23 часа назад

      Keyword for you " Animation Game Steps Image"

  • @YashBhardwaj-ks7fo
    @YashBhardwaj-ks7fo 3 дня назад

    all this but can you center a div?

  • @waifu308
    @waifu308 День назад

    Ảnh này là ảnh gif hay sao vậy a

    • @lundeveloper
      @lundeveloper  День назад +1

      Có đâu, hình nó như vậy sẳng á

  • @BrunoNeureiter
    @BrunoNeureiter 3 дня назад

    You never clicked the left arrow 🌝

  • @trainerdevesh
    @trainerdevesh 2 дня назад

    Will I get a picture

    • @lundeveloper
      @lundeveloper  2 дня назад +1

      Of course, because I thought no one would need it, I didn't put the link in the description 🥲. Please inbox me according to the instructions in the description.

  • @saeentist-hb
    @saeentist-hb 3 дня назад

    Bro is playing with CSS 😂

  • @Impact_TO
    @Impact_TO 2 дня назад

    just clicked the video for some fart sounds and stuff

  • @_____vieve
    @_____vieve 23 часа назад

    insightful video but i really cant stand the ai voice ;__;

  • @yashwanthrocky6311
    @yashwanthrocky6311 3 дня назад +2

    Bruhh threejs tutorial

  • @SanthoshKumar-dev
    @SanthoshKumar-dev 3 дня назад +3

    If i comment first do i get a like ?

  • @iftekharalammithu5128
    @iftekharalammithu5128 День назад

    Nice.
    Successfully Not Understanding anything 🤙

  • @виртуоз_ру
    @виртуоз_ру 3 дня назад

    👍