Skip to main content

NOTICE: On Friday Nov 6, Workspaces will be temporarily unavailable for maintenance.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

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

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

  • Treehouse Logo
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
    • All Courses
    • Tracks
    • AI Bootcamp
    • College Credit
    • Techdegree Bootcamps
    • Front End Development
    • Full Stack JavaScript
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
    • Explore
    • Career Toolbox
    • Free Treehouse Near Me
    • Affiliates
    • Blog
    • Support
    • About
    • Learn
    • Beginner's Guide to Coding
    • Data Analysis with SQL & Python
    • Front-End Web Development
    • Python Programming Basics
    • Techdegree Bootcamp Overview
    • UX Design Fundamentals
    • AI Tools for Beginners
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks AI Bootcamp College Credit
  • Techdegree Bootcamps Front End Web Development Full Stack JavaScript
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Explore Career Toolbox Free Treehouse Near Me Affiliates Blog Support About
    Learn Beginner's Guide to Coding Data Analysis with SQL & Python Front-End Web Development Python Programming Basics Techdegree Bootcamp Overview UX Design Fundamentals AI Tools for Beginners
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
Loading banner... Start your free trial at Treehouse
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • 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
      • • Vibe Coding
  • vamosrope14
    vamosrope14
    14,932 Points

    Why couldn't we apply the transform origin property on the hover state style as opposed to just the gear-icon style?

    Posted June 20, 2019 4:41pm by vamosrope14
    vamosrope14
    14,932 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Grouping and Transforming SVG

    1 Answer

  • Samuel Fortunato
    Samuel Fortunato
    20,229 Points

    Gear icon does not set transform origin properly

    Posted February 19, 2018 11:09pm by Samuel Fortunato
    Samuel Fortunato
    20,229 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Grouping and Transforming SVG

    10 Answers

  • Abdullahi Abdinasir Ali
    Abdullahi Abdinasir Ali
    9,520 Points

    Is it must to write all those when svg animation

    Posted December 23, 2017 2:49pm by Abdullahi Abdinasir Ali
    Abdullahi Abdinasir Ali
    9,520 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Grouping and Transforming SVG

    2 Answers

  • Jennifer James
    Jennifer James
    6,430 Points

    Arrrgh! whats wrong with my code???

    Posted February 29, 2016 4:34pm by Jennifer James
    Jennifer James
    6,430 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Grouping and Transforming SVG

    2 Answers

  • Catarina Fernandes
    Catarina Fernandes
    10,884 Points

    Transform-origin behaves differently on chrome and firefox navigator

    Posted September 15, 2015 11:53am by Catarina Fernandes
    Catarina Fernandes
    10,884 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Grouping and Transforming SVG

    2 Answers

  • Andrew Dang
    Andrew Dang
    2,776 Points

    How do I make transform-origin work in Firefox? The transform-origin only works in Chrome and rotates from 0,0 in FF

    Posted July 10, 2015 8:09pm by Andrew Dang
    Andrew Dang
    2,776 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Grouping and Transforming SVG

    2 Answers

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

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
SEE ALL

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
SEE ALL

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
SEE ALL

About Us

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

Explore

  • Plans
  • Affiliates
  • Perks
  • Shop
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses

Treehouse is an online technology education platform founded in 2011. Treehouse offers more than 700 self-paced, video-based courses in web development, programming, data analysis, design, and AI, plus two project-based bootcamp programs in Front End Web Development and Full Stack JavaScript. Individual Treehouse plans start at $25 per month and include a 7-day free trial. Treehouse serves individual learners, businesses, schools, and public libraries. Cardholders at participating U.S. public libraries can use Treehouse for free. Select Treehouse courses, offered with University Pathways International, are recommended for college credit by ACE and NCCRS. Treehouse learners earn digital certificates for completed Tracks.

Terms & Conditions · Privacy · © 2026 Treehouse Island, Inc.
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
  • Discord