AI can only take you so far. 🌟 Start with core skills in JavaScript, HTML, CSS, or 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

  • 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
      • • Vibe Coding
  • Learning coding
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Learning coding
    Front End Web Development Techdegree Student 9,937 Points

    At the 30% point the progress bar will be 50% wide?

    Posted February 12, 2017 8:04am by Learning coding
    .a{fill-rule:evenodd;}techdegree
    Learning coding
    Front End Web Development Techdegree Student 9,937 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Using % Values in Keyframe Rules

    0 Answers

  • Rifqi Fahmi
    Rifqi Fahmi
    23,164 Points

    How to animate continuously without that tricky jump cut ?

    Posted February 4, 2017 4:59pm by Rifqi Fahmi
    Rifqi Fahmi
    23,164 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Full-Page Animation Project: Part 3

    1 Answer

  • Cheyanne Casey Shook
    Cheyanne Casey Shook
    5,860 Points

    Stuck on Task 2! "Next, add a new property that will give our animation a duration of 2 seconds." Please help.

    Posted January 4, 2017 1:26am by Cheyanne Casey Shook
    Cheyanne Casey Shook
    5,860 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Keyframe Rules and Animation Properties Challenge

    1 Answer

  • jsdevtom
    jsdevtom
    16,963 Points

    Why is nothing working as is shown in the video?

    Posted January 27, 2016 2:41pm by jsdevtom
    jsdevtom
    16,963 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Full-Page Animation Project: Part 3

    1 Answer

  • jsdevtom
    jsdevtom
    16,963 Points

    Why is my background not animating?

    Posted January 27, 2016 2:12pm by jsdevtom
    jsdevtom
    16,963 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Full-Page Animation Project: Part 2

    1 Answer

  • Stephan Max
    Stephan Max
    8,111 Points

    Why did Guil use rotateZ and not a normal rotate? For the GPU acceleration boost?

    Posted October 21, 2015 12:14pm by Stephan Max
    Stephan Max
    8,111 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Full-Page Animation Project: Part 1

    2 Answers

  • johan leandisco
    johan leandisco
    1,178 Points

    How to used to load time

    Posted October 2, 2015 5:08pm by johan leandisco
    johan leandisco
    1,178 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Keyframe Rules and Animation Properties

    1 Answer

  • Coskun Olcucu
    Coskun Olcucu
    4,562 Points

    Position with css?

    Posted September 17, 2015 8:31pm by Coskun Olcucu
    Coskun Olcucu
    4,562 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Keyframe Rules and Animation Properties

    3 Answers

  • channonhall
    channonhall
    12,247 Points

    fullpage animation challange 1 help please

    Posted August 21, 2015 2:22am by channonhall
    channonhall
    12,247 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Full-Page Animation Challenge 1

    1 Answer

  • davide totaro
    davide totaro
    5,559 Points

    Bind the bg-move animation to the body selector. Give the animation an 8 second duration. Set it so that the final keyfr

    Posted April 22, 2015 1:42pm by davide totaro
    davide totaro
    5,559 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Full-Page Animation Challenge 2

    1 Answer

  • davide totaro
    davide totaro
    5,559 Points

    Next, bind the steam animation to the .steam selector. Give the animation a 4 second duration, a 2 second delay, and set

    Posted April 21, 2015 9:25am by davide totaro
    davide totaro
    5,559 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Full-Page Animation Challenge 1

    1 Answer

  • davide totaro
    davide totaro
    5,559 Points

    ind the rock-boat animation to the .boat selector. Give the animation a 3 second duration and set it to repeat infinitel

    Posted April 21, 2015 8:54am by davide totaro
    davide totaro
    5,559 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Full-Page Animation Challenge 1

    1 Answer

  • tian jin
    PLUS
    tian jin
    Courses Plus Student 5,162 Points

    I don't get it, what's the meaning to set 30%,60% both to width:50% ?

    Posted February 19, 2015 5:54pm by tian jin
    tian jin
    Courses Plus Student 5,162 Points
    • CSS
    • CSS - Beyond the Basics
    • CSS Animation Basics
    • Using % Values in Keyframe Rules

    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.