• Home
  • Free Trial
  • Sign In
  • Plans
  • Tracks
  • Library
  • Community
  • Support
  • Jobs
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • 21st Century Skills
      • • Android
      • • APIs
      • • Business
      • • C#
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Equity, Diversity, and Inclusion (EDI)
      • • Go
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • PHP
      • • Python
      • • Quality Assurance
      • • Ruby
      • • Security
  • Kieran Mackey
    Kieran Mackey
    1,906 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
    1,906 Points
    • CSS
    • CSS Transitions and Transforms
    • Adding 3D Effects with CSS
    • Create a Flipping Animation with 3D Transform Properties

    1 Answer

  • 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,111 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,111 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
    Front End Web Development Techdegree Graduate 17,001 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
    Front End Web Development Techdegree Graduate 17,001 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

    0 Answers

  • 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
    UX Design Techdegree Graduate 19,184 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
    UX Design Techdegree Graduate 19,184 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
    Samantha Atkinson
    Front End Web Development Techdegree Student 36,715 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
    Samantha Atkinson
    Front End Web Development Techdegree Student 36,715 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,621 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,621 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,403 Points

    Firefox: Unreliable Rotations

    Posted May 7, 2018 10:08pm by Lasse Pedersen
    Lasse Pedersen
    10,403 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,489 Points

    Firefox 3D perspective issue [trick]

    Posted January 29, 2018 4:13pm by Hakim Rachidi
    Hakim Rachidi
    38,489 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,525 Points

    WHY is the page in the Link not working?

    Posted May 26, 2017 1:53pm by nfs
    nfs
    35,525 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,826 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,826 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
  • Public Library Access
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2023 Treehouse Island, Inc.