3D Card hover effect

Community feedback

• 

  Cornflakes•290

  @CornflakesPlus

  Posted almost 3 years ago

  Amazing and unique. Nice, Azka! 👍✨

  When viewing your webpage on device-landscape orientation, the text is not as it should be or is it like that?

  11

  Marked as helpful
• 

  Lucas 👾•104,160

  @correlucas

  Posted almost 3 years ago

  👾Hello Azka, Congratulations on completing this challenge!

  Amazing and really creative solution! One of the best for this challenge! Congrats bro!

  The only advice I've for your it to add reduce motion to avoid it for users that chose to don't have animations. The prefers-reduced-motion CSS media feature is used to detect if the user has requested that the system minimize the amount of non-essential motion it uses.

  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
  
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
  

  ✌️ I hope this helps you and happy coding!

  11

  Marked as helpful
• 

  Gideon•500

  @GiDDeRo

  Posted over 2 years ago

  I gotta say. DAT'S COOL!!!

  01

  Marked as helpful
• 

  Yassine Afaila•540

  @Yassineafaila

  Posted over 2 years ago

  that design is unique defiantly is unique. Keep going bro

  10