Ambient Light Effects | CSS 3D Glowing Cube Animation Effects

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

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

  • @OnlineTutorialsYT
    @OnlineTutorialsYT  2 года назад +40

    Part 2 : ruclips.net/video/Hzd0oeyTzME/видео.html

    • @SL-nh2lv
      @SL-nh2lv 2 года назад +2

      Hey,
      box-shadow: 0 0 120px rgba(0, 255, 0, 0.2),
      0 0 200px rgba(0, 255, 0, 0.4),
      0 0 300px rgba(0, 255, 0, 0.6),
      0 0 400px rgba(0, 255, 0, 0.8),
      0 0 500px rgba(0, 255, 0, 1);
      If I wrote this code(in .top::after) the rotation speed of cube is decrease. What is the reason?

    • @lev_bul
      @lev_bul 2 года назад

      what part 2?. no 4000 likes!.

    • @camilo.s2237
      @camilo.s2237 2 года назад +1

      Gracias!!! realmente quiero agradecer por estos videos :)

    • @SurajKumar-ps7tl
      @SurajKumar-ps7tl 2 года назад +1

      Wonderful bro

    • @sssss3536
      @sssss3536 2 года назад +1

      Transform rotatey(calc I dont understand what it do and what is the value of - - I explain pliz :)

  • @davvigne1297
    @davvigne1297 3 года назад +178

    short, simple, effective tutorial, the result is just stunning. thank you

    • @zzxsonn
      @zzxsonn 2 года назад +1

      Indeed

    • @blueblue9410
      @blueblue9410 2 года назад +1

      true

    • @sairsky
      @sairsky Год назад +4

      sorry i write all the code but nothing happened even not moving

  • @zeeshanali7639
    @zeeshanali7639 3 года назад +5

    Very Excited to see this, Allah Pak aap ko kamyabi de,

  • @frontire_ace
    @frontire_ace 3 года назад +2

    Your videos are ASMR, hands down.

  • @joydeepbhattacharjee5305
    @joydeepbhattacharjee5305 2 года назад +5

    You are nothing less than a magician of CSS!

  • @pragneshkumar8214
    @pragneshkumar8214 3 года назад +13

    I am Speechless Bro, That Is One of The Best Creative Cube.

  • @coc.1
    @coc.1 3 года назад +7

    I swear, you're the best person front-end that I have seen in my whole life

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

      Hey bro I love coc. Give me your coc id I will follow you come to my clan for war and cwl 😊

  • @TimaDeveloper
    @TimaDeveloper 3 года назад +3

    MY GOD!!! THIS IS VERY VERY COOL! THE AUTHOR HAS AN UNREALABLE DEVELOPER SENIOR SKILL! his ideas will always be relevant, hehe)

  • @hamzahhoran1121
    @hamzahhoran1121 3 года назад +3

    This Guy is Unbelievable

  • @eliyahutarab4862
    @eliyahutarab4862 3 года назад +7

    as usuall make my day, man that is just amazing thank you for inspiering me every day to be better just thank you

  • @Neu_Boy
    @Neu_Boy 3 года назад +22

    Please bring part 2 it's insane!!!

  • @ballesterosjariusmiguelc.3281
    @ballesterosjariusmiguelc.3281 Год назад +1

    thanks to this we got 1.2 in our final grade in activity in web app development

  • @jkwilliams7148
    @jkwilliams7148 Год назад +1

    I combined 2 of your video concepts and was able to make multiple cubes all spinning! Thanks for your videos, this is way cool!!!

  • @harshitgupta7073
    @harshitgupta7073 3 года назад +5

    Very good satisfying animation 👌👌

  • @imonblogblogcentre3978
    @imonblogblogcentre3978 3 года назад +2

    SO COOL MAN.. CAN'T BELIEVE ON MY EYES... ITS SO AWESOME... THERE IS NO WORD FOR IT MAN.

  • @emranmahdavi2951
    @emranmahdavi2951 2 года назад +1

    Wow it’s beautiful

  • @ommishra9112
    @ommishra9112 3 года назад +4

    amanzing
    though,it is very easy for me for making
    i also make this with the help of your tutorial
    HATTS OFF
    ✔✔✔✔💕💕💕💕

  • @SurajKumar-ps7tl
    @SurajKumar-ps7tl 2 года назад

    You are pro pro player in css .

  • @raulsibajaleon5358
    @raulsibajaleon5358 3 года назад +5

    OMG amazing skills, CSS level is from other world

  • @linikernogueiramachado8153
    @linikernogueiramachado8153 3 года назад +7

    this is so beautiful congratulations on the work

  • @danieltega2862
    @danieltega2862 Год назад

    really love this creative mind

  • @legendarygamer150
    @legendarygamer150 Год назад

    Very good cube tutorial

  • @Sound-Lord
    @Sound-Lord 2 года назад +1

    Crazy good.

  • @ТимурТокумов-и1к
    @ТимурТокумов-и1к 2 года назад

    I have no words! Just WOW!

  • @SteelyFl1nch
    @SteelyFl1nch 3 года назад

    man this is insane i showed this to my dad and he went wow you so big brain

  • @0325011976
    @0325011976 2 года назад

    I like the music... amazing tutorial...

  • @kashuuchandel5454
    @kashuuchandel5454 Год назад

    i am so happy with the help of tutorial i did it.

  • @jeenitprajapati3449
    @jeenitprajapati3449 3 года назад +3

    Thanks Irshad Sir, Excellent Tutorials

  • @edemeruwa7738
    @edemeruwa7738 Год назад

    love you man thanks for making it free

  • @rikinurfalakhi8943
    @rikinurfalakhi8943 3 года назад +6

    Nicely done, sir!

  • @notanenglishperson9865
    @notanenglishperson9865 3 года назад +8

    I can't help, but hear Gravity Falls theme
    Oh and the video is great. I was really impressed that it's done with nothing but plain css

  • @firsturdiev
    @firsturdiev 9 дней назад

    You're a nostalgic 💫

  • @TheZacktube1000
    @TheZacktube1000 3 года назад +4

    amazing, I love your design ... I just subscribed, I want to learn more!!!

  • @jagjitsingh09497
    @jagjitsingh09497 3 года назад +3

    Waiting 🤟

  • @wizardomaticremix
    @wizardomaticremix Год назад +2

    this is elon musk !😂🙌

  • @hieutrantrung5269
    @hieutrantrung5269 3 года назад

    Like before watch! thanks you, i leaned many skills

  • @ElhousseineBoustta
    @ElhousseineBoustta Год назад

    no words !!!!!!!!!!!!!!!!!!!!!!!!!

  • @kamrangaznafer4040
    @kamrangaznafer4040 3 года назад +3

    Nice

  • @bukan_edukasi
    @bukan_edukasi 3 года назад +7

    First Comment 👍

  • @TobCraft
    @TobCraft 2 года назад

    you are a css pro

  • @mekbibabiro
    @mekbibabiro 2 года назад

    yaa man i did it i mean you did it. the result is so satisfying and it is really cool!!!!

  • @avinashranjan9622
    @avinashranjan9622 3 года назад +2

    Nice..

  • @minbahadur4996
    @minbahadur4996 Год назад

    Awesome bro 🔥 🔥

  • @webdeveloper7594
    @webdeveloper7594 3 года назад +1

    Useful video

  • @antudippolito1183
    @antudippolito1183 2 года назад

    u are a genius, thanks for this

  • @mrsalih5597
    @mrsalih5597 Год назад

    beautiful

  • @zohidilloturgunov7337
    @zohidilloturgunov7337 2 года назад

    the best

  • @edvaldoarcanjo8110
    @edvaldoarcanjo8110 2 года назад

    great my friend, congratulation for job

  • @vawoue
    @vawoue 3 года назад +2

    Wonderfull

  • @arttur1672
    @arttur1672 Год назад

    It's amazing, tnx very much

  • @ani_geek69
    @ani_geek69 3 года назад +1

    Good Job Sir

  • @mdhossen7082
    @mdhossen7082 3 года назад +1

    thanks for creating this video

  • @jatechofficial
    @jatechofficial 3 года назад +155

    Bro, can you pls create a video of making a game using this languages html, css and JavaScript? Btw, your this project is awesome! Keep On!

    • @levshapiro4579
      @levshapiro4579 3 года назад +33

      Bro, can you pls create a video of making a game using this languages english, sweden and JavaScript?

    • @Miyuru_
      @Miyuru_ 3 года назад +3

      😂

    • @massblabla
      @massblabla 2 года назад +7

      @@levshapiro4579 you mean English, Sweden, and Javanese? (i choose javanese because JAVAscript)

    • @jatechofficial
      @jatechofficial 2 года назад

      After 7 months? 😂😂

    • @handsomewizard3167
      @handsomewizard3167 2 года назад

      @@jatechofficial 😂🤣😂🤣

  • @jeremiasscharovsky5434
    @jeremiasscharovsky5434 2 года назад +1

    Amazing! CSS counter would make the html simpler

  • @ВлалимирЕмельянов-ь2г

    you're just a god)))

  • @seelong-e5h
    @seelong-e5h Год назад +1

    thank you tit realy helped me when i should my dad my dad was like wow

  • @huseinsoftic2358
    @huseinsoftic2358 3 года назад +2

    Niceee bro 👌

  • @sobeyyy
    @sobeyyy 2 года назад

    AWESOME CUBES thank you!

  • @Alan-xl2zv
    @Alan-xl2zv Год назад +2

    put the audio in 2x speed and enjoy the music

  • @KhmerRecordnarin
    @KhmerRecordnarin 2 года назад

    So cool

  • @freedomapps2145
    @freedomapps2145 3 года назад +2

    It's amazing!!!

  • @zipri9576
    @zipri9576 3 года назад

    годно-годно, надо взять на заметку

  • @leonarrus8613
    @leonarrus8613 3 года назад

    you write code beautifully

  • @kamrangaznafer4040
    @kamrangaznafer4040 3 года назад +2

    First comment at allllllllll 😎😎😎😎😎😎😎😎😎

  • @naat2775
    @naat2775 3 года назад

    Well done

  • @rafaelsousa7659
    @rafaelsousa7659 3 года назад

    Congrats, great .

  • @mdhossen7082
    @mdhossen7082 3 года назад +1

    wow just awsome

  • @alonso4436
    @alonso4436 2 года назад

    Cool, I'll try it

  • @officialfaisal5194
    @officialfaisal5194 3 года назад

    Amazing bro carry on

  • @adriangrzelak2087
    @adriangrzelak2087 2 года назад

    It is so cool. Thank you

  • @ahsantechnical3504
    @ahsantechnical3504 2 года назад

    your lecture very good thank you

  • @phanmanhphu7690
    @phanmanhphu7690 3 года назад

    very great!!! i love you

  • @GhostAcademy
    @GhostAcademy 3 года назад

    wow superb.

  • @Fatimabilal4
    @Fatimabilal4 3 года назад

    u really deserve views!

  • @habibayasmin7483
    @habibayasmin7483 2 года назад

    you are amazing

  • @nethajimythesewaran402
    @nethajimythesewaran402 2 года назад

    Nice one Thanks OT

  • @gilluisfrancisco6311
    @gilluisfrancisco6311 2 года назад

    You're the best

  • @bishnudutta2547
    @bishnudutta2547 2 года назад +4

    It's really amazing 🤩

  • @schrodingerscat6189
    @schrodingerscat6189 3 года назад

    hats offf.....amazing

  • @ishikajaiswal4735
    @ishikajaiswal4735 2 года назад

    amazinf amazing!! Thankyou so much!!

  • @dileela
    @dileela 3 года назад +4

    AMAZING!! 😍

  • @Cryptosonix
    @Cryptosonix 2 года назад +2

    Amazing tutorial! Also love your music taste :)

  • @chayanchandandas2974
    @chayanchandandas2974 3 года назад

    wow. nice
    😯😯😯

  • @luckyjangir8303
    @luckyjangir8303 Год назад

    apriciating brother☺☺☺

  • @cinquain0
    @cinquain0 2 года назад

    Freaking genius

  • @dailyyoutube1738
    @dailyyoutube1738 2 года назад

    your bg music is damn good

  • @amirhossein.banaei
    @amirhossein.banaei 3 года назад +1

    amazing 👏🏻

  • @avinashranjan9622
    @avinashranjan9622 3 года назад +2

    Wow...

  • @Firewatch1234
    @Firewatch1234 3 года назад

    wow that is awesome

  • @matteoamedeo83
    @matteoamedeo83 3 года назад

    You are my hero

  • @huzaifaaamir9224
    @huzaifaaamir9224 Год назад

    thank u so much sir

  • @jadetinocolanda9333
    @jadetinocolanda9333 3 года назад +4

    Lo mejor de lo mejor se encuentra en tu canal, muchas gracias por compartir

    • @GetsaaOficial
      @GetsaaOficial 3 года назад

      POR FIN UN HISPANOHABLANTE AAAAA

  • @yevgensereda8745
    @yevgensereda8745 3 года назад

    good work

  • @muhriddinxusniddinov9015
    @muhriddinxusniddinov9015 2 года назад

    it's great, thank you bro

  • @Skeleton-in-boots
    @Skeleton-in-boots 3 года назад +27

    Нету слов, именно такие видео мотивируют программировать, и да незнамо что такое возможно создать.
    Спс автор.

    • @kotmlg8753
      @kotmlg8753 3 года назад

      ты не знаешь почему у меня для функции rotate не работает calc()?

    • @абузмихалыч
      @абузмихалыч 3 года назад +3

      @@kotmlg8753 возможно потому что ты не поставил пробел между числами и самим знаком операции. У меня была такая проблема, я написал calc(150vh-30vw) и не сработало. Тогда я попробовал написать calc(150vh - 30vw). Все заработало

  • @any_nax9271
    @any_nax9271 3 года назад +1

    Top

  • @filzyz2453
    @filzyz2453 3 года назад +1

    Thank you, the cool video helped a lot

  • @mjey_dev
    @mjey_dev 3 года назад

    Big fan of your amazing creativity sir

  • @ryukusu_luminarius
    @ryukusu_luminarius 3 года назад +50

    This is amazing!
    Though, for me, the cubes are not really the cubes. They are 3D-Trapezoids or 3D-Cuboids but not the cubes.
    But that is the problem of HTML or the rendering engine.

    • @gxost_off
      @gxost_off 3 года назад +3

      orthogonal :D

    • @aquadevida
      @aquadevida 3 года назад +2

      @@gxost_off can't understand why he says "cuboids". Sides of this cube are equal but matter of perspective.

  • @python-ed
    @python-ed Год назад

    많이 배우고 갑니다. 감사합니다.