diff options
| author | Caitlin Potter | 2014-02-06 14:02:18 +0000 | 
|---|---|---|
| committer | Peter Bacon Darwin | 2014-02-16 19:03:40 +0000 | 
| commit | f7d28cd377f06224247b950680517a187a7b6749 (patch) | |
| tree | 20203b9f7bf60748bb752f325b1869415352a6f3 /src/ngAnimate | |
| parent | 2e641ac49f121a6e2cc70bd3879930b44a8a7710 (diff) | |
| download | angular.js-f7d28cd377f06224247b950680517a187a7b6749.tar.bz2 | |
docs(all): convert <pre>/</pre> snippets to GFM snippets
Diffstat (limited to 'src/ngAnimate')
| -rw-r--r-- | src/ngAnimate/animate.js | 24 | 
1 files changed, 12 insertions, 12 deletions
| diff --git a/src/ngAnimate/animate.js b/src/ngAnimate/animate.js index c257921b..fbf05162 100644 --- a/src/ngAnimate/animate.js +++ b/src/ngAnimate/animate.js @@ -37,7 +37,7 @@   *   * Below is an example of how to apply animations to a directive that supports animation hooks:   * - * <pre> + * ```html   * <style type="text/css">   * .slide.ng-enter, .slide.ng-leave {   *   -webkit-transition:0.5s linear all; @@ -55,7 +55,7 @@   * to trigger the CSS transition/animations   * -->   * <ANY class="slide" ng-include="..."></ANY> - * </pre> + * ```   *   * Keep in mind that if an animation is running, any child elements cannot be animated until the parent element's   * animation has completed. @@ -67,7 +67,7 @@   *   * The following code below demonstrates how to perform animations using **CSS transitions** with Angular:   * - * <pre> + * ```html   * <style type="text/css">   * /*   *  The animate class is apart of the element and the ng-enter class @@ -95,11 +95,11 @@   * <div class="view-container">   *   <div ng-view class="reveal-animation"></div>   * </div> - * </pre> + * ```   *   * The following code below demonstrates how to perform animations using **CSS animations** with Angular:   * - * <pre> + * ```html   * <style type="text/css">   * .reveal-animation.ng-enter {   *   -webkit-animation: enter_sequence 1s linear; /* Safari/Chrome */ @@ -118,7 +118,7 @@   * <div class="view-container">   *   <div ng-view class="reveal-animation"></div>   * </div> - * </pre> + * ```   *   * Both CSS3 animations and transitions can be used together and the animate service will figure out the correct duration and delay timing.   * @@ -136,7 +136,7 @@   * the animation. The style property expected within the stagger class can either be a **transition-delay** or an   * **animation-delay** property (or both if your animation contains both transitions and keyframe animations).   * - * <pre> + * ```css   * .my-animation.ng-enter {   *   /* standard transition code */   *   -webkit-transition: 1s linear all; @@ -157,7 +157,7 @@   *   /* standard transition styles */   *   opacity:1;   * } - * </pre> + * ```   *   * Staggering animations work by default in ngRepeat (so long as the CSS class is defined). Outside of ngRepeat, to use staggering animations   * on your own, they can be triggered by firing multiple calls to the same event on $animate. However, the restrictions surrounding this @@ -166,7 +166,7 @@   *   * The following code will issue the **ng-leave-stagger** event on the element provided:   * - * <pre> + * ```js   * var kids = parent.children();   *   * $animate.leave(kids[0]); //stagger index=0 @@ -180,7 +180,7 @@   *   $animate.leave(kids[5]); //stagger index=0   *   $animate.leave(kids[6]); //stagger index=1   * }, 100, false); - * </pre> + * ```   *   * Stagger animations are currently only supported within CSS-defined animations.   * @@ -188,7 +188,7 @@   * In the event that you do not want to use CSS3 transitions or CSS3 animations or if you wish to offer animations on browsers that do not   * yet support CSS transitions/animations, then you can make use of JavaScript animations defined inside of your AngularJS module.   * - * <pre> + * ```js   * //!annotate="YourApp" Your AngularJS Module|Replace this or ngModule with the module that you used to define your application.   * var ngModule = angular.module('YourApp', ['ngAnimate']);   * ngModule.animation('.my-crazy-animation', function() { @@ -217,7 +217,7 @@   *     removeClass: function(element, className, done) { }   *   };   * }); - * </pre> + * ```   *   * JavaScript-defined animations are created with a CSS-like class selector and a collection of events which are set to run   * a javascript callback function. When an animation is triggered, $animate will look for a matching animation which fits | 
