🤑 Join the Treehouse affiliate program and earn 25% commission!

Join our Live Career-Building Workshop: Fast-Track Your Tech Career Without a Degree! ⭐ Register here!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

Curious which AI tools Treehouse developers love? ⚙️ Check them out!

🫡 Treehouse for Military offers discounts to Veterans, service members and their families!

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • 100 Days of Code
    • Live Sessions
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • 100 Days of Code Live Sessions Code Adventures Discord Forum Success Stories Treehouse Links
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • 21st Century Skills
      • • AI
      • • Android
      • • APIs
      • • Business
      • • C#
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Equity, Diversity, and Inclusion (EDI)
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • PHP
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
  • Kieran Mackey
    Kieran Mackey
    2,271 Points

    Backface visibility isn't working for me on Brave browser. Any idea how to fix?

    Posted January 24, 2023 4:39pm by Kieran Mackey
    Kieran Mackey
    2,271 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    2 Answers

  • Hagop Almadjian
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Hagop Almadjian
    Front End Web Development Techdegree Student 7,051 Points

    why is the photo flickering so much its annoying

    Posted September 6, 2022 10:10am by Hagop Almadjian
    .a{fill-rule:evenodd;}techdegree
    Hagop Almadjian
    Front End Web Development Techdegree Student 7,051 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • karan Badhwar
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    karan Badhwar
    Web Development Techdegree Graduate 18,135 Points

    Having a weird issue with ,side-a and ,side-b

    Posted November 15, 2021 4:15pm by karan Badhwar
    .a{fill-rule:evenodd;}techdegree seal-36
    karan Badhwar
    Web Development Techdegree Graduate 18,135 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • brandon supinski
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    brandon supinski
    Python Development Techdegree Graduate 27,983 Points

    Issue with Chrome, freaking out at half wat points of hover transform rotates.

    Posted January 18, 2021 11:47pm by brandon supinski
    .a{fill-rule:evenodd;}techdegree seal-36
    brandon supinski
    Python Development Techdegree Graduate 27,983 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • Jake Almendarez
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Jake Almendarez
    Front End Web Development Techdegree Student 4,250 Points

    perspective and nested elements

    Posted July 10, 2020 7:27am by Jake Almendarez
    .a{fill-rule:evenodd;}techdegree
    Jake Almendarez
    Front End Web Development Techdegree Student 4,250 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • Xiao DAI
    Xiao DAI
    1,474 Points

    The visual effects shown on video is different from transcript.

    Posted May 20, 2020 10:08am by Xiao DAI
    Xiao DAI
    1,474 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • Miguel Sosa
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Miguel Sosa
    Front End Web Development Techdegree Graduate 24,185 Points

    The animation works but I can't click the button

    Posted April 15, 2020 4:42pm by Miguel Sosa
    .a{fill-rule:evenodd;}techdegree seal-36
    Miguel Sosa
    Front End Web Development Techdegree Graduate 24,185 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    2 Answers

  • Samantha Atkinson
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Samantha Atkinson
    Front End Web Development Techdegree Graduate 40,307 Points

    My browser Chrome seems to be ignoring the backface-visibility: hidden;

    Posted February 5, 2020 5:49pm by Samantha Atkinson
    .a{fill-rule:evenodd;}techdegree seal-36
    Samantha Atkinson
    Front End Web Development Techdegree Graduate 40,307 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    6 Answers

  • Philip Smith
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Philip Smith
    Front End Web Development Techdegree Graduate 17,622 Points

    Cannot get -side-b to show once rotated.

    Posted September 26, 2019 8:38pm by Philip Smith
    .a{fill-rule:evenodd;}techdegree seal-36
    Philip Smith
    Front End Web Development Techdegree Graduate 17,622 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    8 Answers

  • John Cannon
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    John Cannon
    Full Stack JavaScript Techdegree Student 3,161 Points

    Why add transform-style property to .photo?

    Posted July 25, 2019 1:37am by John Cannon
    .a{fill-rule:evenodd;}techdegree
    John Cannon
    Full Stack JavaScript Techdegree Student 3,161 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    0 Answers

  • ammarkhan
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    ammarkhan
    Front End Web Development Techdegree Student 21,661 Points

    why side-a and side-b are hidden?

    Posted October 10, 2018 11:55am by ammarkhan
    .a{fill-rule:evenodd;}techdegree
    ammarkhan
    Front End Web Development Techdegree Student 21,661 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    2 Answers

  • Nour El-din El-helw
    Nour El-din El-helw
    8,241 Points

    trasnform-style

    Posted June 24, 2018 6:56pm by Nour El-din El-helw
    Nour El-din El-helw
    8,241 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    2 Answers

  • Lasse Pedersen
    Lasse Pedersen
    10,416 Points

    Firefox: Unreliable Rotations

    Posted May 7, 2018 10:08pm by Lasse Pedersen
    Lasse Pedersen
    10,416 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • Nick East
    Nick East
    7,671 Points

    Flipping Animation is reversed

    Posted May 2, 2018 6:59pm by Nick East
    Nick East
    7,671 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • Hakim Rachidi
    Hakim Rachidi
    38,490 Points

    Firefox 3D perspective issue [trick]

    Posted January 29, 2018 4:13pm by Hakim Rachidi
    Hakim Rachidi
    38,490 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • Shuming Li
    PLUS
    Shuming Li
    Courses Plus Student 3,592 Points

    The backface-visibility property is not working.

    Posted January 27, 2018 3:29pm by Shuming Li
    Shuming Li
    Courses Plus Student 3,592 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    4 Answers

  • Dmitriy An
    Dmitriy An
    11,795 Points

    Hey guys, If backface-viliblity doesn't work for you, try adding: -webkit-backface-visibility: hidden;

    Posted May 27, 2017 11:39pm by Dmitriy An
    Dmitriy An
    11,795 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    0 Answers

  • nfs
    nfs
    35,526 Points

    WHY is the page in the Link not working?

    Posted May 26, 2017 1:53pm by nfs
    nfs
    35,526 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    3 Answers

  • jinhyeokkim
    jinhyeokkim
    8,765 Points

    why transform not working with my IE (11.0.41)?

    Posted April 12, 2017 2:45pm by jinhyeokkim
    jinhyeokkim
    8,765 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • Michael Stedman
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Michael Stedman
    Full Stack JavaScript Techdegree Student 13,838 Points

    Am I crazy in thinking the axis directions or backwards for rotateX() and rotateY()?

    Posted February 11, 2017 8:24am by Michael Stedman
    .a{fill-rule:evenodd;}techdegree
    Michael Stedman
    Full Stack JavaScript Techdegree Student 13,838 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • Luca Di Pinto
    Luca Di Pinto
    8,051 Points

    .photo working in 3d space. Why??

    Posted October 10, 2016 3:32pm by Luca Di Pinto
    Luca Di Pinto
    8,051 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    0 Answers

  • Alex Oates
    Alex Oates
    7,171 Points

    Flipping cards appear jittery on hover

    Posted September 1, 2016 11:33am by Alex Oates
    Alex Oates
    7,171 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    4 Answers

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2024 Treehouse Island, Inc.