✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

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

New No-Code Track! 🚀start learning today!

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

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

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

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • 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 College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • 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
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
    • Showing results for:
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties
    • Close
  • Kieran Mackey
    Kieran Mackey
    2,271 Points

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

    Posted on Jan 24, 2023 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 on Sep 6, 2022 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 on Nov 15, 2021 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 on Jan 18, 2021 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 on Jul 10, 2020 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 on May 20, 2020 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 on Apr 15, 2020 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 on Feb 5, 2020 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 on Sep 26, 2019 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 on Jul 25, 2019 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 on Oct 10, 2018 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 on Jun 24, 2018 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 on May 7, 2018 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 on May 2, 2018 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,491 Points

    Firefox 3D perspective issue [trick]

    Posted on Jan 29, 2018 by Hakim Rachidi
    Hakim Rachidi
    38,491 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 on Jan 27, 2018 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 on May 27, 2017 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 on May 26, 2017 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 on Apr 12, 2017 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 on Feb 11, 2017 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 on Oct 10, 2016 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 on Sep 1, 2016 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
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.