Closed Bug 1253968 Opened 8 years ago Closed 8 years ago

Incorrect CSS for keyframe insertion on CSS animation page

Categories

(Developer Documentation Graveyard :: CSS, defect, P5)

Product:
Developer Documentation Graveyard
Component:
CSS
Platform:
All
Other
Type:
defect

Tracking

(Not tracked)

Status:
RESOLVED FIXED

People

(Reporter: james, Unassigned)

References

(
URL
)

Details

:: Developer Documentation Request

      Request Type: Correction
     Gecko Version: unspecified
 Technical Contact: 

:: Details

The section on adding a keyframe has the correct instructions in the prose, but the code example is wrong.  Consequently, the example doesn't increase the font size to 150% as the surrounding text claims.

Instead of this:

75% {
  font-size: 300%;
  margin-left: 25%;
  width: 150%;
}
p {
  animation-duration: 3s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}


The `75%` stanza needs to be put inside of the `@keyframe slidein` block.
I would like to work on this bug...Can you assign it to me?
Hrm.  Doesn't seem to allow me to change the assignee from "nobody"...
How should I approach  it?
I've gone ahead and fixed this.

For future reference, you don't need to assign the bug to yourself. You can just say you're going to work on it and then fix it.
Status: UNCONFIRMED → RESOLVED
Closed: 8 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.