3D Card hover effect

Community feedback

• 

  Cornflakes•290

  @CornflakesPlusPosted about 2 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?

  Marked as helpful

  1

  ---

  

  Azka•480

  @AzkanorouziPosted about 2 years ago

  @CornflakesPlus Thank you for pointing that out, frankly I didn't notice that, but I will try adding a new media query for landscape .🙏

  0
• 

  Lucas 👾•104,340

  @correlucasPosted about 2 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!

  Marked as helpful

  1

  ---

  

  Azka•480

  @AzkanorouziPosted about 2 years ago

  @correlucas thank you Lucas, I will definitely fix it 🙏

  1
• 

  Gideon•500

  @GiDDeRoPosted about 2 years ago

  I gotta say. DAT'S COOL!!!

  Marked as helpful

  0

  ---

  

  Azka•480

  @AzkanorouziPosted about 2 years ago

  @GiDDeRo thanks bro 😁

  0
• 

  Yassine Afaila•540

  @YassineafailaPosted almost 2 years ago

  that design is unique defiantly is unique. Keep going bro

  1