Shadows, Opacity & Border Radius | CSS | Tutorial 7

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

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

  • @davidmalacaria753
    @davidmalacaria753 6 ปีที่แล้ว +31

    I'm so grateful, you have no idea. You're an excellent instructor, super thorough and organized. I've never had such an excellent set of 101 courses.

  • @RobNieves
    @RobNieves 5 ปีที่แล้ว +17

    You are by far the best coding instructor I've found on the interwebs.... lol. Thank you so much!

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

    I'm so glad I found you when I tried to learn web dev from 0. You are a brilliant teacher with this gift of explaining and teaching that not many people possess. After watching the first video of yours on freeCodeCamp, I went straight to find more materials from you. Keep up the great work! (Sending love from Vietnam)

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

    Thank you for sharing your brilliant tutorials. I'm feeling so lucky to be here right now.

  • @alihazara2341
    @alihazara2341 5 ปีที่แล้ว +7

    I love your courses Mike, they are great.

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

    Your are the GOAT of instructors.
    Keep the good work going.

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

    We can use % for opacity too. I found it better to understand like what percentage of transparency do you want or how transparent should this be: 50%

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

    Your videos are awesome, plus they keep my attention no matter how long the vid is:) thousend times thanks!

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

    you are the only one that i can learn from , all the others just scramble things together

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

    For the begginer you are the best 😍

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

    Hey Mike, thank you very much for all the hard work that you have put in to creating all of this valuable content. I have never learned so much and will continue learning from you; we need a platform to chat on, it would be cool having a live course from you.

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

    mike you are the best, love from turkey bro

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

    Why did the text also become transparent when the opacity was only applied to the ?

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

      I was thinking the same thing. I assume the header also adopts the opacity of the style above it. I tried placing the text under the image in the coding line and positioned the text relative to the bottom 100px... and voila! the text wasn't transparent!

    • @Ahmet-vb6nf
      @Ahmet-vb6nf 4 ปีที่แล้ว

      @@laurencemossman Thanks. It works

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

    Awesome tutorial video

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

    basically if yall dont know how to have a text over the image use position absolute and make z-index to - 1

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

      can you explain more ?

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

      @@malikanouche3719 okay so you could use position absolute to move images right? It could also go over text, to fix that use z-index: 1; in order to make the text over the image

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

    i cant see all of the script the endings are cut of

    • @NB-tk7tn
      @NB-tk7tn 5 ปีที่แล้ว +2

      source code is linked in the description

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

    very use full ,thank's .

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

    Thank you mike

  • @ayeshairum7798
    @ayeshairum7798 4 ปีที่แล้ว

    It was helpful. Thank you so much

  • @proneyex
    @proneyex 5 ปีที่แล้ว

    Hi. in the img tag what is the alt used for? Thanks for the videos. They are very helpful

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

      It's useful for the appearance of the img,in some cases and state the image might not show on the browser so it help dessolve the problem

  • @kapitankurek
    @kapitankurek 4 ปีที่แล้ว

    I have an issue that when I apply opacity style onto the image it happens also to the text :(

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

      I saw that Mike has it too. I don't know why that is

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

      I just found the sollution, place the code of h1 under the code of img, so:
      instead of:

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

    Great courses, but just try to show the whole code on the screen, so that we can understand it a little better.
    Otherwise, great courses man!!!!

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

    really cool, thank you!

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

    🙏🙏🙏🙏🙏🙏

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

    Thanks boss!

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

    Shadow tu bayangan bisa di kasih warna

  • @PavanKumar-ih3xd
    @PavanKumar-ih3xd 6 ปีที่แล้ว

    thanks

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

    Opacity:transparan of elemen