diff --git a/DOCUMENTATION.md b/DOCUMENTATION.md index e95a2da..541b13e 100644 --- a/DOCUMENTATION.md +++ b/DOCUMENTATION.md @@ -319,7 +319,7 @@ impress().tear(); #### .next() -Navigates to the next step of the presentation using the [`goto()` function](#impressgotostepindexstepelementidstepelement-duration). +Navigates to the next step of the presentation using the [`goto()` function](#-goto-stepindex--stepelementid--stepelement---duration--). **Example:** @@ -331,7 +331,7 @@ api.next(); #### .prev() -Navigates to the previous step of the presentation using the [`goto()` function](#impressgotostepindexstepelementidstepelement-duration). +Navigates to the previous step of the presentation using the [`goto()` function](#-goto-stepindex--stepelementid--stepelement---duration--). **Example:** diff --git a/website/docs/reference/CSS.html b/website/docs/reference/CSS.html index 1669831..0f681aa 100644 --- a/website/docs/reference/CSS.html +++ b/website/docs/reference/CSS.html @@ -17,29 +17,29 @@
The .future class is added to all Step Elements that haven't been visited yet.
The .future class is added to all Step Elements that haven't been visited yet.
Example:
.future {
display: none;
}
-The .present class is added to the Step Element that is currently at the center of the camera. This is useful to create animations inside the step once the camera navigates to it.
The .present class is added to the Step Element that is currently at the center of the camera. This is useful to create animations inside the step once the camera navigates to it.
Example:
.present .rotating {
transform: rotate(-10deg);
transition-delay: 0.25s;
}
-The .past class is added to all Step Elements that have been visited at least once.
The .past class is added to all Step Elements that have been visited at least once.
Example:
.past {
display: none;
}
-The .active class is added to the Step Element that is currently visible at the center of the camera.
The .active class is added to the Step Element that is currently visible at the center of the camera.
Example:
.step {
opacity: 0.3;
@@ -49,7 +49,7 @@
opacity: 1
}
-At the same time, the impress-on-* class is added to the body element, the class name represents the active Step Element id. This allows for custom global styling, since you can't match a CSS class backwards from the active Step Element to the body.
At the same time, the impress-on-* class is added to the body element, the class name represents the active Step Element id. This allows for custom global styling, since you can't match a CSS class backwards from the active Step Element to the body.
Example:
.impress-on-overview .step {
opacity: 1;
@@ -61,7 +61,7 @@
background: LightBlue;
}
-The .impress-not-supported class is added to the body element if the browser doesn't support the features required by impress.js to work, it is useful to apply some fallback styles in the CSS.
It's not necessary to add it manually on the body element. If the script detects that the browser lacks important features it will add this class.
It is recommended to add the class manually to the body element though, because that means that users without JavaScript will also get fallback styles. When impress.js script detects that the browser supports all required features, the .impress-not-support class will be removed from the body element.
impress.js requires a Root Element. All the content of the presentation will be created inside that element. It is not recommended to manipulate any of the styles, attributes or classes that are created by impress.js inside the Root Element after initialization.
To change the duration of the transition between slides use data-transition-duration="2000" giving it
a number of ms. It defaults to 1000 (1s).
See also the plugin README for documentation on data-autoplay.
See also the plugin README for documentation on data-autoplay.
Attributes