🤑 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

  • 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
  • Eddy Lee
    Eddy Lee
    5,885 Points

    I may have missed this, but why does the code have to read "heart:hover heart-icon"? Why can't it be "heart-icon:hover"?

    Posted October 18, 2016 5:19am by Eddy Lee
    Eddy Lee
    5,885 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Rotating and Scaling SVG

    2 Answers

  • ramseydennis
    ramseydennis
    4,530 Points

    The heart icon isn't animating - what is wrong with my code? Thanks -

    Posted May 7, 2016 2:14am by ramseydennis
    ramseydennis
    4,530 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Rotating and Scaling SVG

    3 Answers

  • Piper Nilsson
    Piper Nilsson
    858 Points

    do these :hover effects work on mobile devices?

    Posted March 13, 2016 1:00pm by Piper Nilsson
    Piper Nilsson
    858 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Rotating and Scaling SVG

    3 Answers

  • Piper Nilsson
    Piper Nilsson
    858 Points

    when I applied a transform "scale" to my logo it scaled outside the viewbox (so it looked cropped)

    Posted March 13, 2016 12:55pm by Piper Nilsson
    Piper Nilsson
    858 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Rotating and Scaling SVG

    1 Answer

  • Ilonka Hofmann
    Ilonka Hofmann
    4,916 Points

    SVG rotation is not pivoting from center point with 50% 50% rule

    Posted February 14, 2016 1:39am by Ilonka Hofmann
    Ilonka Hofmann
    4,916 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Rotating and Scaling SVG

    4 Answers

  • David Thomas
    PLUS
    David Thomas
    Courses Plus Student 21,263 Points

    The transition doesn't work

    Posted October 4, 2015 7:15am by David Thomas
    David Thomas
    Courses Plus Student 21,263 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Rotating and Scaling SVG

    2 Answers

  • Team Page Bird Page Bird
    Team Page Bird Page Bird
    17,561 Points

    Is it possible to use the transform properties (like "rotate") without :hover?

    Posted August 14, 2015 3:22am by Team Page Bird Page Bird
    Team Page Bird Page Bird
    17,561 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Rotating and Scaling SVG

    1 Answer

  • Stefan Hoffmann
    Stefan Hoffmann
    24,811 Points

    Rotating and Scaling SVG - Firefox and transform origin does not work as expected

    Posted July 11, 2015 12:00pm by Stefan Hoffmann
    Stefan Hoffmann
    24,811 Points
    • CSS
    • Animating SVG with CSS
    • Transitions and Transforms
    • Rotating and Scaling SVG

    1 Answer

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.