CSS Only 3D Animated Stairs | Html CSS Animation Effects

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น • 61

  • @fastsolution
    @fastsolution 3 ปีที่แล้ว

    Wow bro you might be the king of css on youtube

  • @dominikpalikowski2444
    @dominikpalikowski2444 2 ปีที่แล้ว

    The best css project I have ever seen

  • @ashibind5080
    @ashibind5080 3 ปีที่แล้ว +6

    Wow good one request can u please make a page look like book when we click page go next page with animation

  • @idorenyinbenson1161
    @idorenyinbenson1161 2 ปีที่แล้ว

    Wow can't believe what my eye is seeing, coding can achieve a lot. Thank you

    • @DungNguyên-t2k
      @DungNguyên-t2k ปีที่แล้ว

      Cam ơn anh bạn nhiều mình sẽ cố gắng

  • @maheshmahi5455
    @maheshmahi5455 3 ปีที่แล้ว +2

    relatives: which job you are doing?
    me: I'm a civil engineer in an IT company

  • @mayankvikash
    @mayankvikash 3 ปีที่แล้ว +7

    That was too simple! I thought it needs quantum physics, thank you buddy.

    • @Superuser-r1y
      @Superuser-r1y 3 ปีที่แล้ว

      @Eklavya Jain💯 correct 😊👍👍👍

  • @nethajimythesewaran402
    @nethajimythesewaran402 2 ปีที่แล้ว +2

    OT you are great in terms of animation and transform codes you are the best in this two area Thanks

  • @siyabongamofokeng4911
    @siyabongamofokeng4911 3 ปีที่แล้ว

    Boss of bosses 😎 🙌 I salute you

  • @Alex_kumar_saw
    @Alex_kumar_saw 3 ปีที่แล้ว +1

    You are incredible man 😲

  • @user-not-found-97
    @user-not-found-97 3 ปีที่แล้ว +1

    brooh.. which vs code theme you are using

  • @codingninja01_
    @codingninja01_ 3 ปีที่แล้ว +3

    amazing video
    @OnlineTutorials: why you put transform: rotateY(90deg) translateZ(-150px)

    • @angtanqui1390
      @angtanqui1390 2 ปีที่แล้ว +2

      Because its height is 300px and .step vertically, it needs to rotate 90 degrees to horizontal

  • @sakshiwalode1385
    @sakshiwalode1385 3 ปีที่แล้ว +1

    Amazing😍🤩

  • @accident_video_509
    @accident_video_509 3 ปีที่แล้ว +1

    🔥🔥🔥🔥🔥🔥

  • @burgasHoH
    @burgasHoH 3 ปีที่แล้ว

    Nice 3d animated Stairs man

  • @counter-strike1.6akaxon78
    @counter-strike1.6akaxon78 3 ปีที่แล้ว +2

    please make a full video about the video player and its functions

  • @TommyLikeTom
    @TommyLikeTom 10 หลายเดือนก่อน

    pretty easy when you actually learn it

  • @carlosryan1759
    @carlosryan1759 2 ปีที่แล้ว +2

    meu deus, chega logo like, quero a parte 2 para ontemmmmmmmm

  • @vinaymathrubai1244
    @vinaymathrubai1244 3 ปีที่แล้ว

    This is a magick😉

  • @vishalkhandate2464
    @vishalkhandate2464 3 ปีที่แล้ว

    Bruh 🔥🔥🔥

  • @atchatethieffreysamuel7129
    @atchatethieffreysamuel7129 3 ปีที่แล้ว

    Respect Major!!!!

  • @dinuwishorts
    @dinuwishorts 3 ปีที่แล้ว

    Wow.. amazing

  • @Neotokio1979
    @Neotokio1979 3 ปีที่แล้ว

    Great job 👏

  • @SmashBro7510
    @SmashBro7510 3 ปีที่แล้ว +3

    THIS IS SO COOL!!! THANK YOU SO MUCH :)

  • @padmanabhans6632
    @padmanabhans6632 3 ปีที่แล้ว

    Which did you used it looks good plz tell the name of the theme

  • @rajatjagtap5916
    @rajatjagtap5916 3 ปีที่แล้ว

    Sir I really like your video

  • @bricegnanago409
    @bricegnanago409 2 ปีที่แล้ว

    So good

  • @krishnadhingra2723
    @krishnadhingra2723 3 ปีที่แล้ว

    amazing!!

  • @harshsinha17
    @harshsinha17 3 ปีที่แล้ว +3

    Hi
    Can you please do some backend videos also :)

  • @WebDesignTuts
    @WebDesignTuts 3 ปีที่แล้ว

    Nice !

  • @ASHISHKUMAR-de9jn
    @ASHISHKUMAR-de9jn 3 ปีที่แล้ว

    Thank You so much :)

  • @_game_x7847
    @_game_x7847 3 ปีที่แล้ว

    Hmmmm... Looks Cool ;D

  • @lev_bul
    @lev_bul 2 ปีที่แล้ว

    real html & css only!

  • @omnia7587
    @omnia7587 3 ปีที่แล้ว

    what does it means when he put in the html style="--j:1"?

    • @arunjoseph8466
      @arunjoseph8466 3 ปีที่แล้ว +2

      Declaring a custom css property inline to reuse them in css.

    • @omnia7587
      @omnia7587 3 ปีที่แล้ว

      @@arunjoseph8466 ah ok , so when he used it in calc(60px * var(--j) ) is var(--j) value will be replaced and be 1 because of 1 in --J:1 , then it will be 2 because of --j:2 and so on ?
      did i understand it correctly?😅

    • @arunjoseph8466
      @arunjoseph8466 3 ปีที่แล้ว +1

      @@omnia7587 absolutely.

    • @omnia7587
      @omnia7587 3 ปีที่แล้ว

      @@arunjoseph8466 thank you😊

  • @MadhavanM-ni3er
    @MadhavanM-ni3er 3 ปีที่แล้ว

    I need a video on Fullscreen scrolling sticky nav bar with a parallex scrolling page

    • @MadhavanM-ni3er
      @MadhavanM-ni3er 3 ปีที่แล้ว

      Pls upload this Video

    • @MadhavanM-ni3er
      @MadhavanM-ni3er 3 ปีที่แล้ว

      @online tutorials how to merge them I tried but I failed so pls create a video for that

  • @kumaresanm5990
    @kumaresanm5990 3 ปีที่แล้ว

    Nee oru artistnu nirupichittala

  • @aritra3004
    @aritra3004 3 ปีที่แล้ว

    Woah

  • @trunglevan860
    @trunglevan860 3 ปีที่แล้ว

    cool men :)

  • @mamanmansyur3024
    @mamanmansyur3024 3 ปีที่แล้ว

    good

  • @derickrex2357
    @derickrex2357 3 ปีที่แล้ว

    鬼!!你是鬼!!!!

  • @tahreem_k_dastarkhwan
    @tahreem_k_dastarkhwan ปีที่แล้ว

    part 2 please

  • @trunglevan860
    @trunglevan860 3 ปีที่แล้ว

    please give me part 02

  • @junsu-ho
    @junsu-ho ปีที่แล้ว

    no idea how that works without explanation

  • @abd_sh_321
    @abd_sh_321 3 ปีที่แล้ว

    @Online Tutorials

  • @bhardwaj_s6290
    @bhardwaj_s6290 2 ปีที่แล้ว

    Please add ur voice bro

  • @lev_bul
    @lev_bul 2 ปีที่แล้ว

    upload part 2 today and now

  • @anilshukla3.14
    @anilshukla3.14 3 ปีที่แล้ว

    😯

  • @CHITUS
    @CHITUS 3 ปีที่แล้ว +1

    That was too simple! I thought it needs quantum physics, thank you buddy.

  • @ZainAbdullah-n8m
    @ZainAbdullah-n8m ปีที่แล้ว

    part 2 please