CSS :not(:hover) Effects

Поделиться
HTML-код
  • Опубликовано: 13 сен 2023
  • Get Master Frontend: Zero to Hero ebook Now👇
    bit.ly/3E40YEV
    ------------------
    Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.
    Get now more than 1000+ source code just by clicking on this link : / onlinetutorials
    ------------------
    Enroll My Course : Next Level CSS Animation and Hover Effects
    www.udemy.com/course/css-hove...
    CSS Infinity Course : www.udemy.com/course/infinity...
    Another Course : Build Complete Real World Responsive Websites from Scratch
    www.udemy.com/course/complete...
    ------------------
    Join Our Channel Membership And Get Source Code of My New Video's Everyday!
    Join : / @onlinetutorialsyt
    ------------------
    Source Code : / onlinetutorials
    Facebook Page : / onlinetutorialsyt
    Instagram : / onlinetutorials_youtube
    Twitter : / onlinetutoria16
    Website : www.onlinetutorialsweb.com
    Buy Me A Coffee : www.buymeacoffee.com/onlineTu...
    ------------------
    #onlinetutorials #csseffect #topcsseffects
    ------------------
    give proper credit if you repost this on other social media platform
    ------------------
    image source : www.pexels.com/
    ------------------
    Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

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

  • @user-or6qv7fz9h
    @user-or6qv7fz9h 2 месяца назад

    .container .box:hover ~ .box : This selector only applies to siblings that comes after the hovered element, therefore siblings that come before the hover element would not apply this rule. How come yours worked. Also great effect. Thanks for the inspiration. But can you please explain more about the selector.

  • @user-sw2eb5mc7b
    @user-sw2eb5mc7b 8 месяцев назад

    I followed you along on VSCode. Such cool animation.

  • @proCodeOfficial
    @proCodeOfficial 8 месяцев назад

    Hia English is improving with every voice video he make

  • @parenthesis.
    @parenthesis. 8 месяцев назад +1

    nice animation sir... you are my inspiration ❤😊

  • @zoranpetrovski3051
    @zoranpetrovski3051 8 месяцев назад

    Awesome animation 👏

  • @indracode7
    @indracode7 8 месяцев назад +1

    Awesome bro keep it up

  • @mohammedabdulaziz3658
    @mohammedabdulaziz3658 8 месяцев назад

    Awesome bro keep it up, fab animatiion

  • @cleiton_rs
    @cleiton_rs 8 месяцев назад

    Awesome!

  • @AiGyT
    @AiGyT 8 месяцев назад +1

    Awesome ❤❤❤

  • @DanNguyen_Dan
    @DanNguyen_Dan 8 месяцев назад +1

    AWESOME 🤩🤩🤩😍

  • @leongleong640
    @leongleong640 7 месяцев назад

    Thank you for sharing! that's a very nice work of yours, I've follow all the steps not sure why mine is super lag :(

  • @broderson6204
    @broderson6204 8 месяцев назад

    What is that symbol in line 46 ?? is it completely necessary?

  • @CodeCrafters-Programming
    @CodeCrafters-Programming 8 месяцев назад +1

    How can I create thi awesome effect with All devices???
    Please reply.......

    • @Kamalesh_chemistry99
      @Kamalesh_chemistry99 8 месяцев назад

      Use this media query

    • @CodeCrafters-Programming
      @CodeCrafters-Programming 8 месяцев назад

      ​@@Kamalesh_chemistry99 thanks for your reply. I know, I need to use media query but when I will use media query this effect does not work properly. I mean When my screen is big then this effect shows cool but if my screen is small then this effect is broken

  • @user-zl3js7jh4u
    @user-zl3js7jh4u 8 месяцев назад

    Thanks to you, I learn a lot

  • @leongleong640
    @leongleong640 7 месяцев назад

    -webkit-box-reflect does not work on firefox, does anyone have any solution ?

  • @CodeCrafters-Programming
    @CodeCrafters-Programming 8 месяцев назад

    Brother, it will be responsive?

  • @jkcreationexpress7156
    @jkcreationexpress7156 8 месяцев назад

    ❤❤❤

  • @Shuvo_Ahmed
    @Shuvo_Ahmed 8 месяцев назад

    Master Frontend: Zero to Hero link not working

  • @BELIEVE_TREDER
    @BELIEVE_TREDER 8 месяцев назад

    Html or css dono sath me automatic attach hoti he ya krna pdta he..?

  • @warrenarnold
    @warrenarnold 8 месяцев назад

    F*ck damn this is so cool godanit

  • @1lyv698
    @1lyv698 8 месяцев назад

    Do you think that css can will replace js in future with big update?

  • @GiorgiKavtaradze-cy1ye
    @GiorgiKavtaradze-cy1ye 8 месяцев назад

    tailwindCss

  • @jisan4464
    @jisan4464 8 месяцев назад

    not(hover(🎉))

  • @codingcinemax
    @codingcinemax 8 месяцев назад

    First comment

  • @jawwadhaider2449
    @jawwadhaider2449 8 месяцев назад

    Are u from pakistan or india?

  • @sergey-hudyakow
    @sergey-hudyakow 8 месяцев назад +1

    :not has poor browser support⚠⚠⚠