mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-16 23:30:23 +00:00
docs(animation): fix code example to work with most recent ngAnimate
ngAnimate: Rename CSS classes in example code to work with new ngAnimate naming conventions ngInclude: Include animations toggle in ngInclude example code ngAnimate: Remove ms- prefix and fix up CSS animation example code
This commit is contained in:
parent
3952d35abe
commit
3e4d43b42c
3 changed files with 11 additions and 12 deletions
|
|
@ -61,9 +61,8 @@
|
|||
* .animate-enter {
|
||||
* -webkit-transition: 1s linear all; /* Safari/Chrome */
|
||||
* -moz-transition: 1s linear all; /* Firefox */
|
||||
* -ms-transition: 1s linear all; /* IE10 */
|
||||
* -o-transition: 1s linear all; /* Opera */
|
||||
* transition: 1s linear all; /* Future Browsers */
|
||||
* transition: 1s linear all; /* IE10+ and Future Browsers */
|
||||
*
|
||||
* /* The animation preparation code */
|
||||
* opacity: 0;
|
||||
|
|
@ -88,10 +87,10 @@
|
|||
* <pre>
|
||||
* <style type="text/css">
|
||||
* .animate-enter {
|
||||
* -webkit-animation: enter_sequence 1s linear;
|
||||
* -moz-animation: enter_sequence 1s linear;
|
||||
* -o-animation: enter_sequence 1s linear;
|
||||
* animation: enter_sequence 1s linear;
|
||||
* -webkit-animation: enter_sequence 1s linear; /* Safari/Chrome */
|
||||
* -moz-animation: enter_sequence 1s linear; /* Firefox */
|
||||
* -o-animation: enter_sequence 1s linear; /* Opera */
|
||||
* animation: enter_sequence 1s linear; /* IE10+ and Future Browsers */
|
||||
* }
|
||||
* @-webkit-keyframes enter_sequence {
|
||||
* from { opacity:0; }
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@
|
|||
</span>
|
||||
</file>
|
||||
<file name="animations.css">
|
||||
.example-leave-setup, .example-enter-setup {
|
||||
.example-leave, .example-enter {
|
||||
-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;
|
||||
-ms-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
|
||||
|
|
@ -60,17 +60,17 @@
|
|||
transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
|
||||
}
|
||||
|
||||
.example-enter-setup {
|
||||
.example-enter {
|
||||
opacity:0;
|
||||
}
|
||||
.example-enter-setup.example-enter-start {
|
||||
.example-enter.example-enter-active {
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
.example-leave-setup {
|
||||
.example-leave {
|
||||
opacity:1;
|
||||
}
|
||||
.example-leave-setup.example-leave-start {
|
||||
.example-leave.example-leave-active {
|
||||
opacity:0;
|
||||
}
|
||||
</file>
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
* - Otherwise enable scrolling only if the expression evaluates to truthy value.
|
||||
*
|
||||
* @example
|
||||
<example>
|
||||
<example animations="true">
|
||||
<file name="index.html">
|
||||
<div ng-controller="Ctrl">
|
||||
<select ng-model="template" ng-options="t.name for t in templates">
|
||||
|
|
|
|||
Loading…
Reference in a new issue