Ambient Light Effects | CSS 3D Glowing Cube Animation Effects

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

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

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

    Part 2 : th-cam.com/video/Hzd0oeyTzME/w-d-xo.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,

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

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

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

    You are nothing less than a magician of CSS!

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

    Your videos are ASMR, hands down.

  • @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 6 หลายเดือนก่อน

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

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

    Please bring part 2 it's insane!!!

  • @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)

  • @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

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

    This Guy is Unbelievable

  • @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!!!

  • @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
    ✔✔✔✔💕💕💕💕

  • @Ezequiel-Lima
    @Ezequiel-Lima 3 ปีที่แล้ว +2

    Valeu!

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

    Waiting 🤟

  • @ballesterosjariusmiguelc.3281
    @ballesterosjariusmiguelc.3281 ปีที่แล้ว +1

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

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

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

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

    Very good satisfying animation 👌👌

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

    Maru ekan niyamai ayye🤏🤏👌👌👌👌👌👌

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

    this is so beautiful congratulations on the work

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

    First Comment 👍

  • @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 😂🤣😂🤣

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

    Wow it’s beautiful

  • @ТимурТокумов-и1к
    @ТимурТокумов-и1к 2 ปีที่แล้ว

    I have no words! Just WOW!

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

    Nicely done, sir!

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

    Amazing tutorial! Also love your music taste :)

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

    OMG amazing skills, CSS level is from other world

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

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

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

    Thanks Irshad Sir, Excellent Tutorials

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

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

  • @Skeleton-in-boots
    @Skeleton-in-boots 3 ปีที่แล้ว +27

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

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

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

    • @абузмихалыч
      @абузмихалыч 3 ปีที่แล้ว +3

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

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

    The cube from 0:00 to 7:53 is not showing. Please help.

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

    love you man thanks for making it free

  • @SurajKumar-ps7tl
    @SurajKumar-ps7tl 2 ปีที่แล้ว

    You are pro pro player in css .

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

    It's really amazing 🤩

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

    AMAZING!! 😍

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

    Awesome bro 🔥 🔥

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

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

  • @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

  • @Sound-Lord
    @Sound-Lord 2 ปีที่แล้ว +1

    Crazy good.

  • @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

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

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

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

    really love this creative mind

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

    Very good cube tutorial

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

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

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

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

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

    You're a nostalgic 💫

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

    the best

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

    Amazing! CSS counter would make the html simpler

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

    this is elon musk !😂🙌

  • @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.

  • @ВлалимирЕмельянов-ь2г
    @ВлалимирЕмельянов-ь2г 2 ปีที่แล้ว

    you're just a god)))

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

    before I follow your next video I want to ask, how do I set up my visual studio with yours?, actually I just downloaded visual studio recently and I'm still new to this software

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

    Niceee bro 👌

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

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

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

    Awesome! Very very effective video. Sir, as a beginner request you, if it is possible pls add your voice so that we understand easily. Thanks.

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

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

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

    u really deserve views!

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

    apriciating brother☺☺☺

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

    It's amazing!!!

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

    Like before watch! thanks you, i leaned many skills

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

    u are a genius, thanks for this

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

    wow. nice
    😯😯😯

  • @amirhossein.banaei
    @amirhossein.banaei 3 ปีที่แล้ว +1

    amazing 👏🏻

  • @seelong-e5h
    @seelong-e5h ปีที่แล้ว +1

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

  • @dev-ed
    @dev-ed ปีที่แล้ว

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

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

    very great!!! i love you

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

    this one is not working for me..can't get the cube shape.....recoded twice same result....am i missing an add on? or something from part 1

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

    So cool

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

    Big fan of your amazing creativity sir

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

    Congrats, great .

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

    perfect💔💯

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

    Nice..

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

    Amazing bro carry on

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

    great my friend, congratulation for job

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

    thanks for creating this video

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

    Sir please add a screen shot of full CSS of this design because I did so many mistakes and that took my lot of time to correct the coading

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

    It's amazing, tnx very much

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

    Its so Lit🔥

  • @swappy-ww1
    @swappy-ww1 2 ปีที่แล้ว

    your bg music is damn good

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

    Esses caras programam em outro nivel de front end

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

    Bro.. which editor are you using in this coding tutorial? Is that paid or free??
    Video is amazing..
    Thanks in advance..

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

    you write code beautifully

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

    wow just awsome

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

    It is so cool. Thank you

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

    you are amazing

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

    Man u r Awesome 🖤

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

    Useful video

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

    You're the best

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

    sensacional, não imaginava ter essas possibilidades com o css!!!!

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

    amazinf amazing!! Thankyou so much!!

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

    Good Job Sir

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

    Wow...

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

    hats offf.....amazing

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

    Bro, u r a..
    (I Don't have words)
    ♥♥

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

    AWESOME CUBES thank you!

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

    Nice

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

    Super cool but do u know why the box shadow dont activate pls?

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

    your lecture very good thank you

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

    beautiful