Skip to main content

Notice: Workspaces are undergoing maintenance and are temporarily unavailable.

🚀 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
  • 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.

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