Animate.css is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
- + @@ -900,7 +900,7 @@ document.documentElement.style.setProperty('--animate-duration', '.5s');Even though custom properties are not supported by some aging browsers, Animate.css provides a proper fallback, widening its support for any browser that supports CSS animations.
- + @@ -1031,7 +1031,7 @@ document.documentElement.style.setProperty('--animate-duration', '.5s');Notice that animate__infinite doesn't use any custom property and changes to --animate-repeat will have no effect on it. Don't forget to read the best practices section to make the best use of repeating animations.
Unfortunately, this isn't possible with pure CSS right now. You have to use Javascript to achieve this result.
- + @@ -1124,7 +1124,7 @@ animateCSS('.my-element', 'bounce').then((message) => {If you had a hard time understanding the previous function, have a look at const, classList, arrow functions, and Promises.
- + @@ -1159,7 +1159,7 @@ animateCSS('.my-element', 'bounce').then((message) => {In the case of a new project, it's highly recommended to use the default prefixed version as it'll make sure that you'll hardly have classes conflicting with your project. Besides, in later versions, we might decide to discontinue the animate.compat.css file.
Easy peasy!
- + @@ -1210,7 +1210,7 @@ $ npm installAnimate.css supports the prefers-reduced-motion media query so that users with motion sensitivity can opt-out of animations. On supported platforms (currently all the major browsers and OS, including mobile), users can select "reduce motion" on their operating system preferences and it will turn off CSS transitions for them without any further work required.
Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorized [fades, bounces, etc]) and let us see a demo of submitted animations in a pen. That last one is important.
This project and everyone participating in it are governed by the Contributor Covenant Code of Conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to callmeelton@gmail.com.
+This project and everyone participating in it are governed by the Contributor Covenant Code of Conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to callmeelton@gmail.com.
- + @@ -1280,7 +1280,7 @@ $ npm install diff --git a/docsSource/compileMD.js b/docsSource/compileMD.js index b7c3e9d..753d18c 100644 --- a/docsSource/compileMD.js +++ b/docsSource/compileMD.js @@ -26,7 +26,7 @@ function compileMD(dir = 'sections') { const sectionTemplate = (file, content) => { const message = 'Edit this on GitHub'; const fileName = convertFileNameToId(file); - const editURL = `https://github.com/animate-css/animate.css/blob/master/docsSource/sections/${file}`; + const editURL = `https://github.com/animate-css/animate.css/blob/main/docsSource/sections/${file}`; const parsedContent = md.render(content); return ` diff --git a/docsSource/sections/09-license-contributing.md b/docsSource/sections/09-license-contributing.md index d18317e..98dfba9 100644 --- a/docsSource/sections/09-license-contributing.md +++ b/docsSource/sections/09-license-contributing.md @@ -8,4 +8,4 @@ Pull requests are the way to go here. We only have two rules for submitting a pu ### Code of Conduct -This project and everyone participating in it are governed by the [Contributor Covenant Code of Conduct](https://github.com/animate-css/animate.css/blob/master/CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [callmeelton@gmail.com](mailto:callmeelton@gmail.com). +This project and everyone participating in it are governed by the [Contributor Covenant Code of Conduct](https://github.com/animate-css/animate.css/blob/main/CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [callmeelton@gmail.com](mailto:callmeelton@gmail.com). diff --git a/docsSource/template.html b/docsSource/template.html index 23675f7..c236ede 100644 --- a/docsSource/template.html +++ b/docsSource/template.html @@ -99,7 +99,7 @@