Drop shadow be a Gradient - CSS Animated Gradient Shadow Effects - Quick HTML, CSS Tips & Tricks

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

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

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

    Ma Sha Allah
    Great work

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

    It was Awesome. Thanks for making this kind of vidoes

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

    so helpful thanks for efforts

  • @rumanzahid6671
    @rumanzahid6671 4 года назад

    Awesome tutorial

  • @rakhisingh7122
    @rakhisingh7122 6 лет назад +4

    Thanks ......very helpful ......... your all videos ............lost of variation in your channel ....... thanks for all

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

    I've been looking for that for a long time .Finally found it -- BIG THANKS --

  • @ulalia11
    @ulalia11 6 лет назад +1

    Is it weird that I watch this channel to relax lol, lots of cool tricks, all the work is appreciated :)

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

    Wow, Brazil: Você é mestre no CSS.

  • @saroshsyed786
    @saroshsyed786 5 лет назад +1

    You a crazy crazy person. All these things are just crazy, amazing work bro.

  • @mominurrahman8764
    @mominurrahman8764 6 лет назад +2

    superb animation... 👌👌

  • @lucapoulsen4996
    @lucapoulsen4996 5 лет назад

    Very Good work Muhammad.

  • @deniyasuhin9677
    @deniyasuhin9677 6 лет назад

    o boy u r a god of css

  • @adityajadhav7129
    @adityajadhav7129 6 лет назад

    You are genius and also creative bro.

  • @abdullahahmedmunna7506
    @abdullahahmedmunna7506 4 года назад

    wow just amizing

  • @pavankumardasari6606
    @pavankumardasari6606 6 лет назад

    mind blowing dude........ really fantastic

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

    Thankyou so much ... appreciative work ... very helpful ...😍

  • @The1stKing
    @The1stKing 4 года назад

    Amazing. Thanks very much for uploading.

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

    awesome bro

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

    You are really awesome

  • @johnmo8915
    @johnmo8915 6 лет назад

    I'm watching 18m ad for you. I'm trying to support you.

  • @vaibhavkumarpatel6863
    @vaibhavkumarpatel6863 6 лет назад +14

    Bro make a video on web design in Photoshop or making a web design from Photoshop to html.Please Please it is necessary for a designer.
    Nice video bro.....

  • @bprincepandey
    @bprincepandey 6 лет назад

    Subscribed after watching this. Thanks for this

  • @MHM-hc8or
    @MHM-hc8or 5 лет назад +1

    😳WOOOw.Sooo COOL👍👌

  • @Эрмек.Султанов
    @Эрмек.Султанов 6 лет назад +8

    Thank you so much !
    I like it, really good !!!

  • @Rychtar22
    @Rychtar22 5 лет назад

    Thanks Sir ! More animated videos!

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

    Simple but AWESOME. I was looking for it... It's really so helpful to me.. Thank You so much..

  • @meryamaoubella9382
    @meryamaoubella9382 4 года назад

    really this is perfect

  • @aakashpatil3558
    @aakashpatil3558 6 лет назад +3

    wow great

  • @jawadhossain4941
    @jawadhossain4941 6 лет назад

    Thank You please upload more for beginners.

  • @MrDestinylife
    @MrDestinylife 6 лет назад

    Insane design, good job bro

  • @Martin-4D
    @Martin-4D 5 лет назад

    that is really cool!

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

    I was looking for this so long . thank you so much!!!!

  • @MrBloger111
    @MrBloger111 6 лет назад

    Awesome!
    thank you for sharing

  • @reshmakhatun1862
    @reshmakhatun1862 6 лет назад

    Hats off sir ! you are amazing......

  • @brianbg941
    @brianbg941 6 лет назад

    Increible video! visto desde colombia! Gracias por tus recursos!

  • @hoangbuihuy5408
    @hoangbuihuy5408 6 лет назад

    Absolutely interesting😘😘😘😘😘

  • @prashanthkumar0
    @prashanthkumar0 6 лет назад

    really awesome

  • @Намбаванинзеворлд

    Very nice. Thank you!

  • @lakshmanlaksh7024
    @lakshmanlaksh7024 6 лет назад

    Really you are awesome bro...

  • @curiositywebdevelopment3362
    @curiositywebdevelopment3362 6 лет назад +3

    thanks a lot. you are helping me to create web pages.
    can you make video about cards and making hover effect to buttons on the cards, it would be very great video
    thanks again!

  • @harshzpatel
    @harshzpatel 6 лет назад

    Brilliant effect !!

  • @quamar0313
    @quamar0313 5 лет назад

    Super sir

  • @yashrajpatidar229
    @yashrajpatidar229 6 лет назад +2

    great ... too good you should be upload all tutorials related to the design of the website I like this and every video relates to animated CSS styles

  • @aakashpatil3558
    @aakashpatil3558 6 лет назад +3

    your thinking is amazing bro . I am also interesting UI & UX design
    Please give me some tips for increase my skill

  • @carlosaravena342
    @carlosaravena342 6 лет назад

    Esta muy bueno me gusto.....

  • @rohitmeshram5249
    @rohitmeshram5249 6 лет назад

    That is just amazing! Goint to try it now!

  • @technicaltips6563
    @technicaltips6563 6 лет назад +3

    Nice

  • @an-nafiuo
    @an-nafiuo 6 лет назад +6

    Wow coool bro

  • @ПростоЕвгений-е3б
    @ПростоЕвгений-е3б 6 лет назад

    It's so amazing! Your works is awesome!

  • @faizalam8163
    @faizalam8163 6 лет назад +42

    I would suggest u to upload all ur tutorials on codepen...it would be really helpful..Please

    • @ivogatica7584
      @ivogatica7584 6 лет назад +8

      why so it is easy to grab the code? code it yourself so maybe you learn how to do it

    • @aravindr2333
      @aravindr2333 6 лет назад +4

      Programmer is always lazy😂

    • @Creedoo
      @Creedoo 5 лет назад +1

      No it's just trying to skip useless stuff because there's no point in copying 1:1 without even knowing what parts of the code does

    • @jirikadlec7796
      @jirikadlec7796 5 лет назад +5

      @@Creedoo And what is the point of rewriting that sh1t? i can tell you, its just stupid cause you can simply rewrite it in few minutes and get nothing out of that….

    • @hendrik5243
      @hendrik5243 5 лет назад +13

      I've made this one on codepen actually if it helps anyone codepen.io/fronthendrik/pen/RYOVzP

  • @gormelqonyan5813
    @gormelqonyan5813 6 лет назад +3

    You nice brother

  • @frankyagent9993
    @frankyagent9993 6 лет назад

    rely help full
    tnx u

  • @sreeharims8934
    @sreeharims8934 6 лет назад

    really helpful tutorials, thank you so much

  • @encepkelana
    @encepkelana 6 лет назад

    genius

  • @monikasoni2586
    @monikasoni2586 6 лет назад +1

    It's really helpful.

  • @tejashatle2431
    @tejashatle2431 5 лет назад

    Awesome video...
    Can we add some text in that black box which is in the middle,if yes,how?

  • @sajadr9974
    @sajadr9974 6 лет назад +5

    18k sub wow

  • @hasibulpolok4106
    @hasibulpolok4106 6 лет назад +1

    I'm a big fan of you!

  • @npm4253
    @npm4253 6 лет назад

    Wow! Awesome . What about a video on SVG animations??

  • @hermawanalim6827
    @hermawanalim6827 6 лет назад +1

    Amazing

  • @metalcorewitchkhousovitch5774
    @metalcorewitchkhousovitch5774 6 лет назад

    Thank you!

  • @Victoria-ly2ij
    @Victoria-ly2ij 6 лет назад

    Amazing!!

  • @somnathmondal192
    @somnathmondal192 6 лет назад

    thank you

  • @longsyee
    @longsyee 5 лет назад

    i tried few ways is there a way to put it inside a container? so can create like column??

  • @SRcodeNP
    @SRcodeNP 5 лет назад

    how do you get such a idea thanks for this video bro i am your fan plz.. make an explanation on the all the css properties and pseudo element

  • @michajankowski3615
    @michajankowski3615 6 лет назад +1

    Aaaaa awesome!!! so gooooooooddddd:d

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

    I am a simple boy, I see RGB, I click Like haha

  • @prakash1to7
    @prakash1to7 4 года назад

    Great video from online tutorials. If possible, if you explain tips and tricks where we need to choose background-position and filters based on design would be much helpful 😊😊😉👍👍

  • @duyduong7576
    @duyduong7576 6 лет назад +1

    Thanks bro,

  • @noob_player_in_the_field
    @noob_player_in_the_field 6 лет назад +1

    does it only work on div? i am trying to use it on button.. and its not showing result as yours did in the video at 4:43 !
    ----------------
    this is still my question... i did found a solution.. put my button inside that div... and its working now...
    thanks for awesome videos !!
    always a fan !!

    • @sacha6757
      @sacha6757 6 лет назад

      element doesn't support pseudo-element like before/after, wrap your into a

  • @sport7140
    @sport7140 4 года назад

    why left does not work inside before?

  • @wesleysandifer6157
    @wesleysandifer6157 4 года назад

    Great vid. Question: how do you get words or paragraph to show up in the box. Seems like the only way I could get it to be seen was to apply style color right after the html tag . Am I missing something? I know it's got to be simple I'm just seeing what I'm doing wrong. Anyone thanks

  • @frankyagent9993
    @frankyagent9993 6 лет назад

    plz upload word press tutorials...

  • @youser982
    @youser982 6 лет назад +1

    super!

  • @privatebot1876
    @privatebot1876 4 года назад +1

    pls an 2020 uptade plssss

  • @abhijitapotikar3502
    @abhijitapotikar3502 6 лет назад

    When I tried it.......sorry......when I copied it,it didn't worked....then I searched.......I added top and left values after position relative......also I copied the entire before code in after+ filter blur value......& guess what......it worked😎!!!

  • @PacZackMan
    @PacZackMan 4 года назад

    where can i download this image that you made

  • @ga7853
    @ga7853 6 лет назад +5

    amazing, someone suggests u upload your tutorials on codepen, good idea but better is to try to create a library out of it like animate.css and contact Microsoft about it, or to upload it to your website and gradually people like Microsoft may want to include it in their Visual Studio the way bootstrap and materializeCss have done.

  • @kenurken9305
    @kenurken9305 5 лет назад

    Now I'm mother's designer ^_^ :D

  • @psocretes8183
    @psocretes8183 6 лет назад

    That'
    It's a nice effect, however, I got a popup when using safari saying that it was using significant power. I opened up the activity monitor on the mac and it did show that both Chrome and Safari were very 'power hungry' when displaying the effect. Not a grumble, just an observation.
    Where my son worked, one Christmas everyone had some sort of Christmas lights animation playing on their screens. They got a visit from the tech bod because he couldn't understand why the system was running so slow. Hahahahaha.

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

    i have all the same code that you do. but mine isnt moving.

  • @naimaashraf8735
    @naimaashraf8735 4 года назад

    If I use this in my template... As there any copyright issue??? Plz explain me.... Bro....
    Love you vai❤️❤️

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

    hey sir why my blur effect is not working?

  • @arcktrayaketo2636
    @arcktrayaketo2636 5 лет назад +3

    Animation : animate 20s linear gradient.
    20s like to seeing 20% so much trouble for CSS beginners

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

      Yes
      I am also css beginner

  • @quamar0313
    @quamar0313 5 лет назад +6

    :after {
    filter: blur()
    }
    not working

    • @TotoOrchestral
      @TotoOrchestral 4 года назад +1

      You should write 2 colon ( ::after ) not 1

  • @ateeqkhan9832
    @ateeqkhan9832 5 лет назад

    Sir itne sare colores aapne yaad kr rkhe hai plz tell me

  • @Vikas-wz8ci
    @Vikas-wz8ci 6 лет назад +2

    Wow. Can i upload your code to codepen with little changes? 🤔

  • @JuanGabrielRivera
    @JuanGabrielRivera 5 лет назад

    I am trying to do the same thing but not on the border, I want to do it inside the words... Any suggestions?

  • @mariofabre
    @mariofabre 6 лет назад +1

    How to give more than one like? 😀 because I really enjoyed this video, and learned many useful things in it, keep it up, congratulations!

  • @elliaisaac9039
    @elliaisaac9039 6 лет назад

    Please upload more stunning and mind blowing effects and use of CSS

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

      i dont mean to be off topic but does someone know of a way to log back into an Instagram account..?
      I somehow lost the account password. I would love any help you can offer me.

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

      @Idris Kaleb Instablaster :)

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

      @Jaime Wells Thanks for your reply. I found the site thru google and I'm in the hacking process now.
      Takes a while so I will reply here later when my account password hopefully is recovered.

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

      @Jaime Wells it worked and I finally got access to my account again. I am so happy!
      Thank you so much you really help me out !

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

      @Idris Kaleb Happy to help :)

  • @ritik84629
    @ritik84629 6 лет назад

    what is the software

  • @islamicsmtv7423
    @islamicsmtv7423 6 лет назад

    Bro font pr shade kese de plzzz help me

  • @AhSoh7091
    @AhSoh7091 6 лет назад

    why ::before && ::after setting z-index: -1 that no all become tranparent?

  • @eliotness1875
    @eliotness1875 6 лет назад

    how can i make it work in react js?

  • @avinashkumaravi2833
    @avinashkumaravi2833 6 лет назад

    Sirji aap kon Sa Software use Krte h typing k liye

  • @reyarnaud5196
    @reyarnaud5196 6 лет назад +3

    thanx a lot you're a killer
    .You saw my comment on last video it seems , xD

  • @reyarnaud5196
    @reyarnaud5196 6 лет назад +3

    any idea why it doesn't work on Chrome? everything is ok but the animation doesn't display, checked my code 3 time and seems ok.

    • @reyarnaud5196
      @reyarnaud5196 6 лет назад +2

      Nevermind, found out my problem thx a lot !

    • @OnlineTutorialsYT
      @OnlineTutorialsYT  6 лет назад +3

      i created this on chrome browser.....

    • @OnlineTutorialsYT
      @OnlineTutorialsYT  6 лет назад +3

      work perfectly on chrome

    • @reyarnaud5196
      @reyarnaud5196 6 лет назад +4

      yep i juste type 2 consecutive "%" on animation thingy so thats why it wasnt working lol now its fine ^^

  • @thecshe
    @thecshe 5 лет назад

    amazing !!!!

  • @viveksaini9809
    @viveksaini9809 6 лет назад

    Sir pls give me help how can and where can use this code in my page or templete

  • @subratadey
    @subratadey 6 лет назад

    You should give the files for download...