Compare Revisions

Using CSS transitions

Change Revisions

Revision 40515:

Revision 40515 by Meggin Kearney on

Revision 40516:

Revision 40516 by Meggin Kearney on

Title:
CSS transitions
CSS transitions
Slug:
CSS/CSS_transitions
CSS/CSS_transitions
Tags:
css, Gecko, NeedsTechnicalReview, NeedsMarkupWork, NeedsBrowserCompatibility, "CSS Transitions", Fixit
css, Gecko, NeedsTechnicalReview, NeedsMarkupWork, NeedsBrowserCompatibility, "CSS Transitions", Fixit
Content:

Revision 40515
Revision 40516
n439    <table class="standard-table">n
440      <tbody>
441        <tr>
442          <th>
443            Browser
444          </th>
445          <th>
446            Basic support
447          </th>
448          <th>
449            Property
450          </th>
451          <th>
452            Transition ended event
453          </th>
454        </tr>
455        <tr>
456          <td>
457            Internet Explorer
458          </td>
459          <td>
460            (none, as of IE9 pp7)
461          </td>
462          <td>
463            ---
464          </td>
465          <td>
466            ---
467          </td>
468        </tr>
469        <tr>
470          <td>
471            Firefox (Gecko)
472          </td>
473          <td>
474            <strong>4.0</strong> (2.0)
475          </td>
476          <td>
477            <code>-moz-transition</code>
478          </td>
479          <td>
480            <code>transitionend</code>
481          </td>
482        </tr>
483        <tr>
484          <td>
485            Opera
486          </td>
487          <td>
488            <strong>10.5</strong>
489          </td>
490          <td>
491            <code>-o-transition</code>
492          </td>
493          <td>
494            <code>oTransitionEnd</code>
495          </td>
496        </tr>
497        <tr>
498          <td>
499            Safari | Chrome | WebKit
500          </td>
501          <td>
502            3.2 | yes | yes
503          </td>
504          <td>
505            <code>-webkit-transition</code>
506          </td>
507          <td>
508            <code>webkitTransitionEnd</code>
509          </td>
510        </tr>
511      </tbody>
512    </table>
513    <h3 name="Browser_Compatibility">
514      Browser compatibility
515    </h3>
t547              {{ CompatUnknown() }}t470              1.0
548            </td>
549            <td>471            </td>
550              {{ CompatUnknown() }}
551            </td>472            <td>
473              4.0(2.0)
552            <td>474            </td>
553              {{ CompatUnknown() }}
554            </td>475            <td>
476              (none, as of IE9 pp7)
555            <td>477            </td>
556              {{ CompatUnknown() }}
557            </td>478            <td>
479              10.5
558            <td>480            </td>
559              {{ CompatUnknown() }}481            <td>
482              3.2
483            </td>
484          </tr>
485          <tr>
486            <th>
487              Feature
488            </th>
489            <th>
490              Chrome
491            </th>
492            <th>
493              Firefox (Gecko)
494            </th>
495            <th>
496              Internet Explorer
497            </th>
498            <th>
499              Opera
500            </th>
501            <th>
502              Safari (WebKit)
503            </th>
504          </tr>
505          <tr>
506            <td>
507              Property
508            </td>
509            <td>
510              <code>-webkit-transition</code>
511            </td>
512            <td>
513              <code>-moz-transition</code>
514            </td>
515            <td>
516              ---
517            </td>
518            <td>
519              <code>-o-transition</code>
520            </td>
521            <td>
522              <code>-webkit-transition</code>
523            </td>
524          </tr>
525          <tr>
526            <th>
527              Feature
528            </th>
529            <th>
530              Chrome
531            </th>
532            <th>
533              Firefox (Gecko)
534            </th>
535            <th>
536              Internet Explorer
537            </th>
538            <th>
539              Opera
540            </th>
541            <th>
542              Safari (WebKit)
543            </th>
544          </tr>
545          <tr>
546            <td>
547              Transition ended event
548            </td>
549            <td>
550              <code>webkitTransitionEnd</code>
551            </td>
552            <td>
553              <code>transitionend</code>
554            </td>
555            <td>
556              ---
557            </td>
558            <td>
559              <code>oTransitionEnd</code>
560            </td>
561            <td>
562              <code>webkitTransitionEnd</code>

Back to History