Ambient Light Effects | CSS 3D Glowing Cube Animation Effects

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

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

  • @OnlineTutorialsYT
    @OnlineTutorialsYT  2 ปีที่แล้ว +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 2 ปีที่แล้ว +178

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

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

      Indeed

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

      true

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

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

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

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

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

    You are nothing less than a magician of CSS!

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

    Your videos are ASMR, hands down.

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

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

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

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

    This Guy is Unbelievable

  • @Alan-xl2zv
    @Alan-xl2zv ปีที่แล้ว +2

    put the audio in 2x speed and enjoy the music

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

    Please bring part 2 it's insane!!!

  • @TimaDeveloper
    @TimaDeveloper 2 ปีที่แล้ว +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 2 ปีที่แล้ว +7

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

  • @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 2 ปีที่แล้ว +5

    Very good satisfying animation 👌👌

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

    First Comment 👍

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

    this is so beautiful congratulations on the work

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

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

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

    Waiting 🤟

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

    Wow it’s beautiful

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

    I have no words! Just WOW!

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

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

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

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

    really love this creative mind

  • @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 2 ปีที่แล้ว +33

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

    • @Miyuru_
      @Miyuru_ 2 ปีที่แล้ว +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 😂🤣😂🤣

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

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

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

    Nicely done, sir!

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

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

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

    Crazy good.

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

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

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

    this is elon musk !😂🙌

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

    love you man thanks for making it free

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

    Thanks Irshad Sir, Excellent Tutorials

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

    Very good cube tutorial

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

    you're just a god)))

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

    you are a css pro

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

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

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

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

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

    Amazing! CSS counter would make the html simpler

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

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

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

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

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

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

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

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

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

    Awesome bro 🔥 🔥

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

    the best

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

    AMAZING!! 😍

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

    It's really amazing 🤩

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

    you write code beautifully

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

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

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

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

    It's amazing, tnx very much

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

    So cool

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

    u are a genius, thanks for this

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

    thank u so much sir

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

    beautiful

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

    It's amazing!!!

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

    u really deserve views!

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

    you are amazing

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

    apriciating brother☺☺☺

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

    You're the best

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

    Freaking genius

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

    Nice

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

    Nice..

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

    thanks for creating this video

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

    the music seems like gravity falls intro

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

    Niceee bro 👌

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

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

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

    Like before watch! thanks you, i leaned many skills

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

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

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

    Useful video

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

    wow just awsome

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

    your bg music is damn good

  • @notanenglishperson9865
    @notanenglishperson9865 2 ปีที่แล้ว +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

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

    waooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo!

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

    Wonderfull

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

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

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

    Wow...

  • @2ti5chrisnaboyoh86
    @2ti5chrisnaboyoh86 2 ปีที่แล้ว +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

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

    Make a game with css only :) (and js)

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

    your lecture very good thank you

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

    Amazing tutorial! Also love your music taste :)

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

    You are my hero

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

    amazing 👏🏻

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

    hats offf.....amazing

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

    wow superb.

  • @ryukusu_luminarius
    @ryukusu_luminarius 2 ปีที่แล้ว +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 2 ปีที่แล้ว +3

      orthogonal :D

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

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

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

    Congrats, great .

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

    perfect💔💯

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

    Good Job Sir

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

    AWESOME CUBES thank you!

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

    It is so cool. Thank you

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

    Big fan of your amazing creativity sir

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

    great my friend, congratulation for job

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

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

    Amazing bro carry on

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

    Cool, I'll try it

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

    Esses caras programam em outro nivel de front end

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

    very great!!! i love you

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

    WOW !

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

    wow that is awesome

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

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