✨ 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
    • Animating SVG with CSS
    • Transitions and Transforms
    • Grouping and Transforming SVG
    • Close
  • 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 on Jun 20, 2019 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 on Feb 19, 2018 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 on Dec 23, 2017 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 on Feb 29, 2016 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 on Sep 15, 2015 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 on Jul 10, 2015 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.

    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.