diff options
Diffstat (limited to 'src/ng/directive/ngInclude.js')
| -rw-r--r-- | src/ng/directive/ngInclude.js | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/src/ng/directive/ngInclude.js b/src/ng/directive/ngInclude.js index 13b47234..f4b84fcf 100644 --- a/src/ng/directive/ngInclude.js +++ b/src/ng/directive/ngInclude.js @@ -51,8 +51,8 @@ </select> url of the template: <tt>{{template.url}}</tt> <hr/> - <div class="example-animate-container"> - <div class="include-example" ng-include="template.url"></div> + <div class="slide-animate-container"> + <div class="slide-animate" ng-include="template.url"></div> </div> </div> </file> @@ -71,7 +71,7 @@ Content of template2.html </file> <file name="animations.css"> - .example-animate-container { + .slide-animate-container { position:relative; background:white; border:1px solid black; @@ -79,14 +79,12 @@ overflow:hidden; } - .example-animate-container > div { + .slide-animate { padding:10px; } - .include-example.ng-enter, .include-example.ng-leave { + .slide-animate.ng-enter, .slide-animate.ng-leave { -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; - -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; - -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s; position:absolute; @@ -98,17 +96,17 @@ padding:10px; } - .include-example.ng-enter { + .slide-animate.ng-enter { top:-50px; } - .include-example.ng-enter.ng-enter-active { + .slide-animate.ng-enter.ng-enter-active { top:0; } - .include-example.ng-leave { + .slide-animate.ng-leave { top:0; } - .include-example.ng-leave.ng-leave-active { + .slide-animate.ng-leave.ng-leave-active { top:50px; } </file> |