v4 release (#1050)
* New animations added
* Update
* Update
* Update
* Update
* kill bower
* Turn off animations for print media query (#856)
* Add a feature to turn off animations for printing as requested.
* Add print media type
* Update the builds
* Moved away from gulp to npx + postcss
This PR changes the build system for a simpler one, using only npx as runner and postcss to process all the files.
* Solves #618
* Solves #836
* Also solves #758 just for fun ;P
* Updated travis and removed animate-config.json
* Removed strayed gulpfile and trimmed the header
* Moved prefix config to package.json and updated the tasks
* Updated travis
* Updated dependencies and postcss config
* Now using CSS custom properties
* Add css module file - solves #933
* Updated README for the new build
* Rebulit files
* Updated dependencies + added browserlist
* Fixed small typo on README
* Added imports to Back animations
* Added FadeInTopLeft.css file
Fade in the animation diagonally
* Added fadeInTopRight.css file
Fade in the animation diagonally
* Added fadeInBottomLeft.css
* Added fadeInBottomRight.css
* Added fadeOutTopLeft.css
* Added fadeOutTopRight.css
* Added fadeOutBottomRight.css
* Added fadeOutBottomLeft.css
* Added imports to diagonal fadings
* Aditional formatting
* Added diagonal fadings to README
* Fixes #966
* Animate.css v4 Updates (#1029)
* Update to v4
* Add Iteration-Count CSS utility classes solves #998
* Updated builds
* Update lightSpeed animations
* Update builds
* Fix Invalid CSS Media Query Syntax
* Update build
* Add gitpod support
* Add newline in gitpod file
* Update README
* Revert
* Declare variable
* Update builds
* Remove Gitpod support
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Improves building process and package.json tidy up
* Improved animations (#901)
* Improved bounce
* Improved pulse
* Improved bounceInDown
* Improved bounceInLeft
* Improved bounceInRight
* Improved bounceInUp
* Improved bounceOutDown
* Improved bounceOuLeft
* Improved bounceOuRight
* Improved bounceOutRight
* Improved fadeInDown
* Improved fadeInDownBig
* Improved fadeInLeft
* Improved fadeInLeftBig
* Improved fadeInRightBig
* Improved fadeInUp
* Improved fadeInUpBig
* Improved fadeInRight
* Reverted fade animations
* Compiled
* Updated prefers-reduced-motion support on README
* Add .delay-1s (#982)
The .delay-1s is missing from the readme
* HTTPS relevant links on README (#972)
prevents HTTP redirects
* Create CONTRIBUTING.md (#1033)
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
* Updates dependencies
* Updates prettier config
* refactory transform-origin in styles
* animation shake with X and Y options :hammer:
* Adds shakeX and shakeY to the build
* Set 0 Opacity to Out animation classes (#1043)
* Update issue templates
* Add 0 opacity to out classes
* Update builds
* Improved implemenation
* Update builds
* Update current readme
* Update builds
Co-authored-by: Elton Mesquita <callmeelton@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Removes prefix from att selector
* Feature/new demo site (#1046)
* Simplify & centralize the Animate.css home page. Finally.
* Design tweak
* Fix Lightspeed demos
* Fix Lightspeed demos (cont.)
* Trigger animation on change as well as click
* Correct jQuery example. Fixes #127
* Remove Readme on gh-pages to prevent mistakes like ee75b81
* Use animate.min.css because whatever
* Update demo page with MS animation JS hooks.
* Updating home page with rubberBand animation.
* Reverse hue animation
Red-orange-brown isn’t a great first impression.
* Add readme, use cssmin minified CSS instead of csso
* Update gh-pages
* Remove protocol from urls
Fixes Chrome’s SSL issue
* Remove Square Cash link
Donations are weird, and only US account holders could use this.
* Updating Gh-page animate.css to the current version
This is a simple commit, bringing animate.css up to date with the current master version.
* Updating Gh-page animate.min.css to reflect the current version
This is a simply update to the Animate.min.css file, to reflect the current version
* Update CSS
* Updating Gh-page index.html to the reflect the addition of zooms (in out down etc)
This adds the optgroup "zoom", and associated options of: ZoomIn, zoomOut, zoomInDown, zoomInUp, zoomInLeft, zoomInRight, zoomOutLeft, zoomOutRight, zoomOutUp, and zoomOutDown.
* refactoring index.html to mimic the current optgroup styling
I added zooms, which were absent, but added them in a way that didn't reflect the current optgroup styling and delineation. I fixed that and now exits and entrances are grouped appropriately.
* updated index.html to reflect the standard optgroup styling on sliders, added slideInDown
In addition to adding slider keyframes that were missing, I placed them into the appropriate optgroups to mimic the similar styling of the other animations.
* Merging updated version of animate.min.css
As requested, this is the updated version of animate.min.css that @daneden request I include in the pull request.
* Updated animate.min.css
Made it the new version
* added jello to options
* Update CSS
* Add jackInTheBox to gh-pages (#694)
* New Special - jackInTheBox
* copy min.css from master branch
* fixed the issue of overflow scroll (#740)
for more see this issue https://github.com/daneden/animate.css/issues/739
* Adds heartBeat animation demo (#893)
* Update animate.min.css to latest version
* Updated CSS for current browsers
* Updated animate.css
* Removed useless test folder
* Added warn about prefers-reduced-motion
* Adds docs compiler
* Adds new base template
* Improves the docs compiler
* Fixes flipOutY animation
* Updates docs template and build
* Reorder docs sections
* Updates docs animation list template
* Updates prettier ignore
* Adds syntax highlight to docs
* Small fixes to docs content
* Updates templates HTML
* Styles the demo website
* Adds functionality to demo website
* Fixes small website demo issue with medium screens
* Adds copy animation to demo site
* Renames loop classes to repeat
* Small adjusts to docs styles
* Updates docs template
* Updates docs improving copy and adding sections
* Reviews the docs copy
* Fix some issues with demo-site
* Fixes issue with the demo-site playground
* Adjusts tooltip on demo-site
* Fix layout issues on mobile and update “close” button for animations list
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
* Updates docs folders
* Fix some small documentation issues
* Updates edit on github link
Co-authored-by: Arda Gedik <arnoldsivastanegezer@hotmail.com>
Co-authored-by: Arda Gedik <ardagedikk@hotmail.com>
Co-authored-by: Jabran Rafique <jabran.rafique@ratedpeople.com>
Co-authored-by: Waren Gonzaga <waren.gonzaga.dev@gmail.com>
Co-authored-by: Jabran Rafique⚡️ <jabranr@users.noreply.github.com>
Co-authored-by: Vaibhav Tandon <vaibhav.tandongcet@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Lucas Ferreira Lima <lucasferreiralimax@gmail.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
2020-05-07 17:42:33 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2020-09-07 13:12:06 +02:00
<!-- Primary Meta Tags -->
< title > Animate.css | A cross-browser library of CSS animations.< / title >
v4 release (#1050)
* New animations added
* Update
* Update
* Update
* Update
* kill bower
* Turn off animations for print media query (#856)
* Add a feature to turn off animations for printing as requested.
* Add print media type
* Update the builds
* Moved away from gulp to npx + postcss
This PR changes the build system for a simpler one, using only npx as runner and postcss to process all the files.
* Solves #618
* Solves #836
* Also solves #758 just for fun ;P
* Updated travis and removed animate-config.json
* Removed strayed gulpfile and trimmed the header
* Moved prefix config to package.json and updated the tasks
* Updated travis
* Updated dependencies and postcss config
* Now using CSS custom properties
* Add css module file - solves #933
* Updated README for the new build
* Rebulit files
* Updated dependencies + added browserlist
* Fixed small typo on README
* Added imports to Back animations
* Added FadeInTopLeft.css file
Fade in the animation diagonally
* Added fadeInTopRight.css file
Fade in the animation diagonally
* Added fadeInBottomLeft.css
* Added fadeInBottomRight.css
* Added fadeOutTopLeft.css
* Added fadeOutTopRight.css
* Added fadeOutBottomRight.css
* Added fadeOutBottomLeft.css
* Added imports to diagonal fadings
* Aditional formatting
* Added diagonal fadings to README
* Fixes #966
* Animate.css v4 Updates (#1029)
* Update to v4
* Add Iteration-Count CSS utility classes solves #998
* Updated builds
* Update lightSpeed animations
* Update builds
* Fix Invalid CSS Media Query Syntax
* Update build
* Add gitpod support
* Add newline in gitpod file
* Update README
* Revert
* Declare variable
* Update builds
* Remove Gitpod support
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Improves building process and package.json tidy up
* Improved animations (#901)
* Improved bounce
* Improved pulse
* Improved bounceInDown
* Improved bounceInLeft
* Improved bounceInRight
* Improved bounceInUp
* Improved bounceOutDown
* Improved bounceOuLeft
* Improved bounceOuRight
* Improved bounceOutRight
* Improved fadeInDown
* Improved fadeInDownBig
* Improved fadeInLeft
* Improved fadeInLeftBig
* Improved fadeInRightBig
* Improved fadeInUp
* Improved fadeInUpBig
* Improved fadeInRight
* Reverted fade animations
* Compiled
* Updated prefers-reduced-motion support on README
* Add .delay-1s (#982)
The .delay-1s is missing from the readme
* HTTPS relevant links on README (#972)
prevents HTTP redirects
* Create CONTRIBUTING.md (#1033)
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
* Updates dependencies
* Updates prettier config
* refactory transform-origin in styles
* animation shake with X and Y options :hammer:
* Adds shakeX and shakeY to the build
* Set 0 Opacity to Out animation classes (#1043)
* Update issue templates
* Add 0 opacity to out classes
* Update builds
* Improved implemenation
* Update builds
* Update current readme
* Update builds
Co-authored-by: Elton Mesquita <callmeelton@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Removes prefix from att selector
* Feature/new demo site (#1046)
* Simplify & centralize the Animate.css home page. Finally.
* Design tweak
* Fix Lightspeed demos
* Fix Lightspeed demos (cont.)
* Trigger animation on change as well as click
* Correct jQuery example. Fixes #127
* Remove Readme on gh-pages to prevent mistakes like ee75b81
* Use animate.min.css because whatever
* Update demo page with MS animation JS hooks.
* Updating home page with rubberBand animation.
* Reverse hue animation
Red-orange-brown isn’t a great first impression.
* Add readme, use cssmin minified CSS instead of csso
* Update gh-pages
* Remove protocol from urls
Fixes Chrome’s SSL issue
* Remove Square Cash link
Donations are weird, and only US account holders could use this.
* Updating Gh-page animate.css to the current version
This is a simple commit, bringing animate.css up to date with the current master version.
* Updating Gh-page animate.min.css to reflect the current version
This is a simply update to the Animate.min.css file, to reflect the current version
* Update CSS
* Updating Gh-page index.html to the reflect the addition of zooms (in out down etc)
This adds the optgroup "zoom", and associated options of: ZoomIn, zoomOut, zoomInDown, zoomInUp, zoomInLeft, zoomInRight, zoomOutLeft, zoomOutRight, zoomOutUp, and zoomOutDown.
* refactoring index.html to mimic the current optgroup styling
I added zooms, which were absent, but added them in a way that didn't reflect the current optgroup styling and delineation. I fixed that and now exits and entrances are grouped appropriately.
* updated index.html to reflect the standard optgroup styling on sliders, added slideInDown
In addition to adding slider keyframes that were missing, I placed them into the appropriate optgroups to mimic the similar styling of the other animations.
* Merging updated version of animate.min.css
As requested, this is the updated version of animate.min.css that @daneden request I include in the pull request.
* Updated animate.min.css
Made it the new version
* added jello to options
* Update CSS
* Add jackInTheBox to gh-pages (#694)
* New Special - jackInTheBox
* copy min.css from master branch
* fixed the issue of overflow scroll (#740)
for more see this issue https://github.com/daneden/animate.css/issues/739
* Adds heartBeat animation demo (#893)
* Update animate.min.css to latest version
* Updated CSS for current browsers
* Updated animate.css
* Removed useless test folder
* Added warn about prefers-reduced-motion
* Adds docs compiler
* Adds new base template
* Improves the docs compiler
* Fixes flipOutY animation
* Updates docs template and build
* Reorder docs sections
* Updates docs animation list template
* Updates prettier ignore
* Adds syntax highlight to docs
* Small fixes to docs content
* Updates templates HTML
* Styles the demo website
* Adds functionality to demo website
* Fixes small website demo issue with medium screens
* Adds copy animation to demo site
* Renames loop classes to repeat
* Small adjusts to docs styles
* Updates docs template
* Updates docs improving copy and adding sections
* Reviews the docs copy
* Fix some issues with demo-site
* Fixes issue with the demo-site playground
* Adjusts tooltip on demo-site
* Fix layout issues on mobile and update “close” button for animations list
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
* Updates docs folders
* Fix some small documentation issues
* Updates edit on github link
Co-authored-by: Arda Gedik <arnoldsivastanegezer@hotmail.com>
Co-authored-by: Arda Gedik <ardagedikk@hotmail.com>
Co-authored-by: Jabran Rafique <jabran.rafique@ratedpeople.com>
Co-authored-by: Waren Gonzaga <waren.gonzaga.dev@gmail.com>
Co-authored-by: Jabran Rafique⚡️ <jabranr@users.noreply.github.com>
Co-authored-by: Vaibhav Tandon <vaibhav.tandongcet@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Lucas Ferreira Lima <lucasferreiralimax@gmail.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
2020-05-07 17:42:33 +02:00
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
2020-09-07 13:12:06 +02:00
< meta name = "title" content = "Animate.css | A cross-browser library of CSS animations." >
< meta name = "description" content = "Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints." >
<!-- Open Graph / Facebook -->
< meta property = "og:type" content = "website" >
< meta property = "og:url" content = "https://animate.style" >
< meta property = "og:title" content = "Animate.css | A cross-browser library of CSS animations." >
< meta property = "og:description" content = "Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints." >
< meta property = "og:image" content = "img/animatecss-opengraph.jpg" >
<!-- Twitter -->
< meta property = "twitter:card" content = "summary_large_image" >
< meta property = "twitter:url" content = "https://animate.style" >
< meta property = "twitter:title" content = "Animate.css | A cross-browser library of CSS animations." >
< meta property = "twitter:description" content = "Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints." >
< meta property = "twitter:image" content = "img/animatecss-opengraph.jpg" >
<!-- Favicon -->
< link rel = "shortcut icon" href = "img/favicon.ico" type = "image/x-icon" >
< link rel = "icon" href = "img/favicon.ico" type = "image/x-icon" >
v4 release (#1050)
* New animations added
* Update
* Update
* Update
* Update
* kill bower
* Turn off animations for print media query (#856)
* Add a feature to turn off animations for printing as requested.
* Add print media type
* Update the builds
* Moved away from gulp to npx + postcss
This PR changes the build system for a simpler one, using only npx as runner and postcss to process all the files.
* Solves #618
* Solves #836
* Also solves #758 just for fun ;P
* Updated travis and removed animate-config.json
* Removed strayed gulpfile and trimmed the header
* Moved prefix config to package.json and updated the tasks
* Updated travis
* Updated dependencies and postcss config
* Now using CSS custom properties
* Add css module file - solves #933
* Updated README for the new build
* Rebulit files
* Updated dependencies + added browserlist
* Fixed small typo on README
* Added imports to Back animations
* Added FadeInTopLeft.css file
Fade in the animation diagonally
* Added fadeInTopRight.css file
Fade in the animation diagonally
* Added fadeInBottomLeft.css
* Added fadeInBottomRight.css
* Added fadeOutTopLeft.css
* Added fadeOutTopRight.css
* Added fadeOutBottomRight.css
* Added fadeOutBottomLeft.css
* Added imports to diagonal fadings
* Aditional formatting
* Added diagonal fadings to README
* Fixes #966
* Animate.css v4 Updates (#1029)
* Update to v4
* Add Iteration-Count CSS utility classes solves #998
* Updated builds
* Update lightSpeed animations
* Update builds
* Fix Invalid CSS Media Query Syntax
* Update build
* Add gitpod support
* Add newline in gitpod file
* Update README
* Revert
* Declare variable
* Update builds
* Remove Gitpod support
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Improves building process and package.json tidy up
* Improved animations (#901)
* Improved bounce
* Improved pulse
* Improved bounceInDown
* Improved bounceInLeft
* Improved bounceInRight
* Improved bounceInUp
* Improved bounceOutDown
* Improved bounceOuLeft
* Improved bounceOuRight
* Improved bounceOutRight
* Improved fadeInDown
* Improved fadeInDownBig
* Improved fadeInLeft
* Improved fadeInLeftBig
* Improved fadeInRightBig
* Improved fadeInUp
* Improved fadeInUpBig
* Improved fadeInRight
* Reverted fade animations
* Compiled
* Updated prefers-reduced-motion support on README
* Add .delay-1s (#982)
The .delay-1s is missing from the readme
* HTTPS relevant links on README (#972)
prevents HTTP redirects
* Create CONTRIBUTING.md (#1033)
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
* Updates dependencies
* Updates prettier config
* refactory transform-origin in styles
* animation shake with X and Y options :hammer:
* Adds shakeX and shakeY to the build
* Set 0 Opacity to Out animation classes (#1043)
* Update issue templates
* Add 0 opacity to out classes
* Update builds
* Improved implemenation
* Update builds
* Update current readme
* Update builds
Co-authored-by: Elton Mesquita <callmeelton@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Removes prefix from att selector
* Feature/new demo site (#1046)
* Simplify & centralize the Animate.css home page. Finally.
* Design tweak
* Fix Lightspeed demos
* Fix Lightspeed demos (cont.)
* Trigger animation on change as well as click
* Correct jQuery example. Fixes #127
* Remove Readme on gh-pages to prevent mistakes like ee75b81
* Use animate.min.css because whatever
* Update demo page with MS animation JS hooks.
* Updating home page with rubberBand animation.
* Reverse hue animation
Red-orange-brown isn’t a great first impression.
* Add readme, use cssmin minified CSS instead of csso
* Update gh-pages
* Remove protocol from urls
Fixes Chrome’s SSL issue
* Remove Square Cash link
Donations are weird, and only US account holders could use this.
* Updating Gh-page animate.css to the current version
This is a simple commit, bringing animate.css up to date with the current master version.
* Updating Gh-page animate.min.css to reflect the current version
This is a simply update to the Animate.min.css file, to reflect the current version
* Update CSS
* Updating Gh-page index.html to the reflect the addition of zooms (in out down etc)
This adds the optgroup "zoom", and associated options of: ZoomIn, zoomOut, zoomInDown, zoomInUp, zoomInLeft, zoomInRight, zoomOutLeft, zoomOutRight, zoomOutUp, and zoomOutDown.
* refactoring index.html to mimic the current optgroup styling
I added zooms, which were absent, but added them in a way that didn't reflect the current optgroup styling and delineation. I fixed that and now exits and entrances are grouped appropriately.
* updated index.html to reflect the standard optgroup styling on sliders, added slideInDown
In addition to adding slider keyframes that were missing, I placed them into the appropriate optgroups to mimic the similar styling of the other animations.
* Merging updated version of animate.min.css
As requested, this is the updated version of animate.min.css that @daneden request I include in the pull request.
* Updated animate.min.css
Made it the new version
* added jello to options
* Update CSS
* Add jackInTheBox to gh-pages (#694)
* New Special - jackInTheBox
* copy min.css from master branch
* fixed the issue of overflow scroll (#740)
for more see this issue https://github.com/daneden/animate.css/issues/739
* Adds heartBeat animation demo (#893)
* Update animate.min.css to latest version
* Updated CSS for current browsers
* Updated animate.css
* Removed useless test folder
* Added warn about prefers-reduced-motion
* Adds docs compiler
* Adds new base template
* Improves the docs compiler
* Fixes flipOutY animation
* Updates docs template and build
* Reorder docs sections
* Updates docs animation list template
* Updates prettier ignore
* Adds syntax highlight to docs
* Small fixes to docs content
* Updates templates HTML
* Styles the demo website
* Adds functionality to demo website
* Fixes small website demo issue with medium screens
* Adds copy animation to demo site
* Renames loop classes to repeat
* Small adjusts to docs styles
* Updates docs template
* Updates docs improving copy and adding sections
* Reviews the docs copy
* Fix some issues with demo-site
* Fixes issue with the demo-site playground
* Adjusts tooltip on demo-site
* Fix layout issues on mobile and update “close” button for animations list
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
* Updates docs folders
* Fix some small documentation issues
* Updates edit on github link
Co-authored-by: Arda Gedik <arnoldsivastanegezer@hotmail.com>
Co-authored-by: Arda Gedik <ardagedikk@hotmail.com>
Co-authored-by: Jabran Rafique <jabran.rafique@ratedpeople.com>
Co-authored-by: Waren Gonzaga <waren.gonzaga.dev@gmail.com>
Co-authored-by: Jabran Rafique⚡️ <jabranr@users.noreply.github.com>
Co-authored-by: Vaibhav Tandon <vaibhav.tandongcet@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Lucas Ferreira Lima <lucasferreiralimax@gmail.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
2020-05-07 17:42:33 +02:00
< link rel = "dns-prefetch" href = "//fonts.googleapis.com" / >
< link
href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,700;1,400& display=swap"
rel="stylesheet"
/>
< link
href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism-tomorrow.min.css"
rel="stylesheet"
/>
< link rel = "stylesheet" href = "animate.min.css" / >
< link rel = "stylesheet" href = "style.css" / >
< / head >
< body >
< article class = "intro" >
< section class = "callout" >
< h1 class = "callout-title" > Animate.css< / h1 >
< h2 class = "callout-subtitle" > Just-add-water CSS animations< / h2 >
< p class = "callout-showList" >
< button class = "button button-animations" > See animations< / button >
< / p >
< / section >
< section class = "animation-list" >
< button class = "callout-hideList button" > Close list< / button >
{{list}}
< / section >
< footer class = "intro-footer" >
< p >
Another thing from
2020-06-09 16:40:29 +02:00
< a href = "https://daneden.me" target = "_blank" title = "Daniel Eden" > Daniel Eden< / a > and
v4 release (#1050)
* New animations added
* Update
* Update
* Update
* Update
* kill bower
* Turn off animations for print media query (#856)
* Add a feature to turn off animations for printing as requested.
* Add print media type
* Update the builds
* Moved away from gulp to npx + postcss
This PR changes the build system for a simpler one, using only npx as runner and postcss to process all the files.
* Solves #618
* Solves #836
* Also solves #758 just for fun ;P
* Updated travis and removed animate-config.json
* Removed strayed gulpfile and trimmed the header
* Moved prefix config to package.json and updated the tasks
* Updated travis
* Updated dependencies and postcss config
* Now using CSS custom properties
* Add css module file - solves #933
* Updated README for the new build
* Rebulit files
* Updated dependencies + added browserlist
* Fixed small typo on README
* Added imports to Back animations
* Added FadeInTopLeft.css file
Fade in the animation diagonally
* Added fadeInTopRight.css file
Fade in the animation diagonally
* Added fadeInBottomLeft.css
* Added fadeInBottomRight.css
* Added fadeOutTopLeft.css
* Added fadeOutTopRight.css
* Added fadeOutBottomRight.css
* Added fadeOutBottomLeft.css
* Added imports to diagonal fadings
* Aditional formatting
* Added diagonal fadings to README
* Fixes #966
* Animate.css v4 Updates (#1029)
* Update to v4
* Add Iteration-Count CSS utility classes solves #998
* Updated builds
* Update lightSpeed animations
* Update builds
* Fix Invalid CSS Media Query Syntax
* Update build
* Add gitpod support
* Add newline in gitpod file
* Update README
* Revert
* Declare variable
* Update builds
* Remove Gitpod support
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Improves building process and package.json tidy up
* Improved animations (#901)
* Improved bounce
* Improved pulse
* Improved bounceInDown
* Improved bounceInLeft
* Improved bounceInRight
* Improved bounceInUp
* Improved bounceOutDown
* Improved bounceOuLeft
* Improved bounceOuRight
* Improved bounceOutRight
* Improved fadeInDown
* Improved fadeInDownBig
* Improved fadeInLeft
* Improved fadeInLeftBig
* Improved fadeInRightBig
* Improved fadeInUp
* Improved fadeInUpBig
* Improved fadeInRight
* Reverted fade animations
* Compiled
* Updated prefers-reduced-motion support on README
* Add .delay-1s (#982)
The .delay-1s is missing from the readme
* HTTPS relevant links on README (#972)
prevents HTTP redirects
* Create CONTRIBUTING.md (#1033)
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
* Updates dependencies
* Updates prettier config
* refactory transform-origin in styles
* animation shake with X and Y options :hammer:
* Adds shakeX and shakeY to the build
* Set 0 Opacity to Out animation classes (#1043)
* Update issue templates
* Add 0 opacity to out classes
* Update builds
* Improved implemenation
* Update builds
* Update current readme
* Update builds
Co-authored-by: Elton Mesquita <callmeelton@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Removes prefix from att selector
* Feature/new demo site (#1046)
* Simplify & centralize the Animate.css home page. Finally.
* Design tweak
* Fix Lightspeed demos
* Fix Lightspeed demos (cont.)
* Trigger animation on change as well as click
* Correct jQuery example. Fixes #127
* Remove Readme on gh-pages to prevent mistakes like ee75b81
* Use animate.min.css because whatever
* Update demo page with MS animation JS hooks.
* Updating home page with rubberBand animation.
* Reverse hue animation
Red-orange-brown isn’t a great first impression.
* Add readme, use cssmin minified CSS instead of csso
* Update gh-pages
* Remove protocol from urls
Fixes Chrome’s SSL issue
* Remove Square Cash link
Donations are weird, and only US account holders could use this.
* Updating Gh-page animate.css to the current version
This is a simple commit, bringing animate.css up to date with the current master version.
* Updating Gh-page animate.min.css to reflect the current version
This is a simply update to the Animate.min.css file, to reflect the current version
* Update CSS
* Updating Gh-page index.html to the reflect the addition of zooms (in out down etc)
This adds the optgroup "zoom", and associated options of: ZoomIn, zoomOut, zoomInDown, zoomInUp, zoomInLeft, zoomInRight, zoomOutLeft, zoomOutRight, zoomOutUp, and zoomOutDown.
* refactoring index.html to mimic the current optgroup styling
I added zooms, which were absent, but added them in a way that didn't reflect the current optgroup styling and delineation. I fixed that and now exits and entrances are grouped appropriately.
* updated index.html to reflect the standard optgroup styling on sliders, added slideInDown
In addition to adding slider keyframes that were missing, I placed them into the appropriate optgroups to mimic the similar styling of the other animations.
* Merging updated version of animate.min.css
As requested, this is the updated version of animate.min.css that @daneden request I include in the pull request.
* Updated animate.min.css
Made it the new version
* added jello to options
* Update CSS
* Add jackInTheBox to gh-pages (#694)
* New Special - jackInTheBox
* copy min.css from master branch
* fixed the issue of overflow scroll (#740)
for more see this issue https://github.com/daneden/animate.css/issues/739
* Adds heartBeat animation demo (#893)
* Update animate.min.css to latest version
* Updated CSS for current browsers
* Updated animate.css
* Removed useless test folder
* Added warn about prefers-reduced-motion
* Adds docs compiler
* Adds new base template
* Improves the docs compiler
* Fixes flipOutY animation
* Updates docs template and build
* Reorder docs sections
* Updates docs animation list template
* Updates prettier ignore
* Adds syntax highlight to docs
* Small fixes to docs content
* Updates templates HTML
* Styles the demo website
* Adds functionality to demo website
* Fixes small website demo issue with medium screens
* Adds copy animation to demo site
* Renames loop classes to repeat
* Small adjusts to docs styles
* Updates docs template
* Updates docs improving copy and adding sections
* Reviews the docs copy
* Fix some issues with demo-site
* Fixes issue with the demo-site playground
* Adjusts tooltip on demo-site
* Fix layout issues on mobile and update “close” button for animations list
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
* Updates docs folders
* Fix some small documentation issues
* Updates edit on github link
Co-authored-by: Arda Gedik <arnoldsivastanegezer@hotmail.com>
Co-authored-by: Arda Gedik <ardagedikk@hotmail.com>
Co-authored-by: Jabran Rafique <jabran.rafique@ratedpeople.com>
Co-authored-by: Waren Gonzaga <waren.gonzaga.dev@gmail.com>
Co-authored-by: Jabran Rafique⚡️ <jabranr@users.noreply.github.com>
Co-authored-by: Vaibhav Tandon <vaibhav.tandongcet@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Lucas Ferreira Lima <lucasferreiralimax@gmail.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
2020-05-07 17:42:33 +02:00
< a href = "#contributors" title = "Contributors" > friends< / a >
< / p >
< / footer >
< / article >
< main >
< header class = "docs-header" >
< div class = "container" >
< h2 class = "docs-mainTitle" >
< a href = "#documentation" title = "Documentation" > Documentation< / a >
< / h2 >
< / div >
< / header >
< article class = "docs" id = "documentation" >
< span class = "hamburger" >
< svg
width="23"
height="15"
viewBox="0 0 23 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
< line y1 = "1.5" x2 = "23" y2 = "1.5" stroke = "#351C75" stroke-width = "3" / >
< line y1 = "7.5" x2 = "23" y2 = "7.5" stroke = "#351C75" stroke-width = "3" / >
< line y1 = "13.5" x2 = "23" y2 = "13.5" stroke = "#351C75" stroke-width = "3" / >
< / svg >
< / span >
< div class = "container" >
< div class = "content" >
{{docs}}
< / div >
< aside class = "sidebar" >
< div class = "meta" >
< a href = "https://github.com/daneden/animate.css" target = "_blank" class = "icon-github" >
< svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 18 18"
width="18"
height="18"
>
< path
fill="#000000"
d="M16.793 4.703a8.96 8.96 0 00-3.276-3.276A8.803 8.803 0 009 .22a8.804 8.804 0 00-4.518 1.207 8.96 8.96 0 00-3.275 3.276A8.803 8.803 0 000 9.22c0 1.96.572 3.724 1.717 5.29 1.144 1.567 2.623 2.651 4.435 3.252.211.04.367.012.469-.081a.458.458 0 00.152-.352l-.006-.633c-.004-.398-.006-.746-.006-1.042l-.27.046a3.434 3.434 0 01-.65.041 4.958 4.958 0 01-.814-.082 1.82 1.82 0 01-.785-.351 1.487 1.487 0 01-.516-.72l-.117-.27a2.93 2.93 0 00-.369-.598c-.168-.219-.338-.367-.51-.445l-.082-.059a.865.865 0 01-.152-.14.643.643 0 01-.105-.165c-.024-.054-.004-.1.058-.135.063-.035.176-.052.34-.052l.234.035c.157.031.35.125.58.281.23.156.42.36.569.61.18.32.396.564.65.732.254.168.51.252.768.252.257 0 .48-.02.667-.059a2.33 2.33 0 00.528-.175c.07-.524.262-.927.574-1.208a8.026 8.026 0 01-1.201-.21 4.779 4.779 0 01-1.102-.458 3.153 3.153 0 01-.943-.785c-.25-.312-.455-.723-.615-1.23-.16-.508-.24-1.094-.24-1.758 0-.946.308-1.75.925-2.414-.289-.711-.261-1.508.082-2.39.227-.071.563-.018 1.008.157.446.176.772.327.979.452.207.125.373.23.498.316A8.32 8.32 0 019 4.568c.773 0 1.523.101 2.25.304l.445-.281c.305-.188.664-.36 1.078-.516.414-.156.73-.199.95-.129.351.883.382 1.68.093 2.39.617.665.926 1.47.926 2.415 0 .664-.08 1.252-.24 1.764-.16.511-.367.921-.62 1.23-.255.309-.572.569-.95.78-.38.21-.747.362-1.102.456a8.013 8.013 0 01-1.201.212c.406.351.61.906.61 1.664v2.472c0 .14.048.258.146.351.097.094.252.121.463.082 1.812-.601 3.29-1.685 4.435-3.252C17.427 12.944 18 11.18 18 9.22a8.81 8.81 0 00-1.207-4.517z"
/>
< / svg >
< / a >
< span class = "animate-version" > v{{version}}< / span >
< / div >
< / aside >
< / div >
< / article >
< / main >
< footer class = "main-footer" >
< p >
Animate.css is a MIT licensed library.
2020-08-12 10:25:43 +02:00
You can use it freely, respecting the terms included in the < a href = "https://github.com/daneden/animate.css/blob/main/LICENSE" title = "license" > license file.
v4 release (#1050)
* New animations added
* Update
* Update
* Update
* Update
* kill bower
* Turn off animations for print media query (#856)
* Add a feature to turn off animations for printing as requested.
* Add print media type
* Update the builds
* Moved away from gulp to npx + postcss
This PR changes the build system for a simpler one, using only npx as runner and postcss to process all the files.
* Solves #618
* Solves #836
* Also solves #758 just for fun ;P
* Updated travis and removed animate-config.json
* Removed strayed gulpfile and trimmed the header
* Moved prefix config to package.json and updated the tasks
* Updated travis
* Updated dependencies and postcss config
* Now using CSS custom properties
* Add css module file - solves #933
* Updated README for the new build
* Rebulit files
* Updated dependencies + added browserlist
* Fixed small typo on README
* Added imports to Back animations
* Added FadeInTopLeft.css file
Fade in the animation diagonally
* Added fadeInTopRight.css file
Fade in the animation diagonally
* Added fadeInBottomLeft.css
* Added fadeInBottomRight.css
* Added fadeOutTopLeft.css
* Added fadeOutTopRight.css
* Added fadeOutBottomRight.css
* Added fadeOutBottomLeft.css
* Added imports to diagonal fadings
* Aditional formatting
* Added diagonal fadings to README
* Fixes #966
* Animate.css v4 Updates (#1029)
* Update to v4
* Add Iteration-Count CSS utility classes solves #998
* Updated builds
* Update lightSpeed animations
* Update builds
* Fix Invalid CSS Media Query Syntax
* Update build
* Add gitpod support
* Add newline in gitpod file
* Update README
* Revert
* Declare variable
* Update builds
* Remove Gitpod support
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Improves building process and package.json tidy up
* Improved animations (#901)
* Improved bounce
* Improved pulse
* Improved bounceInDown
* Improved bounceInLeft
* Improved bounceInRight
* Improved bounceInUp
* Improved bounceOutDown
* Improved bounceOuLeft
* Improved bounceOuRight
* Improved bounceOutRight
* Improved fadeInDown
* Improved fadeInDownBig
* Improved fadeInLeft
* Improved fadeInLeftBig
* Improved fadeInRightBig
* Improved fadeInUp
* Improved fadeInUpBig
* Improved fadeInRight
* Reverted fade animations
* Compiled
* Updated prefers-reduced-motion support on README
* Add .delay-1s (#982)
The .delay-1s is missing from the readme
* HTTPS relevant links on README (#972)
prevents HTTP redirects
* Create CONTRIBUTING.md (#1033)
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
* Updates dependencies
* Updates prettier config
* refactory transform-origin in styles
* animation shake with X and Y options :hammer:
* Adds shakeX and shakeY to the build
* Set 0 Opacity to Out animation classes (#1043)
* Update issue templates
* Add 0 opacity to out classes
* Update builds
* Improved implemenation
* Update builds
* Update current readme
* Update builds
Co-authored-by: Elton Mesquita <callmeelton@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
* Removes prefix from att selector
* Feature/new demo site (#1046)
* Simplify & centralize the Animate.css home page. Finally.
* Design tweak
* Fix Lightspeed demos
* Fix Lightspeed demos (cont.)
* Trigger animation on change as well as click
* Correct jQuery example. Fixes #127
* Remove Readme on gh-pages to prevent mistakes like ee75b81
* Use animate.min.css because whatever
* Update demo page with MS animation JS hooks.
* Updating home page with rubberBand animation.
* Reverse hue animation
Red-orange-brown isn’t a great first impression.
* Add readme, use cssmin minified CSS instead of csso
* Update gh-pages
* Remove protocol from urls
Fixes Chrome’s SSL issue
* Remove Square Cash link
Donations are weird, and only US account holders could use this.
* Updating Gh-page animate.css to the current version
This is a simple commit, bringing animate.css up to date with the current master version.
* Updating Gh-page animate.min.css to reflect the current version
This is a simply update to the Animate.min.css file, to reflect the current version
* Update CSS
* Updating Gh-page index.html to the reflect the addition of zooms (in out down etc)
This adds the optgroup "zoom", and associated options of: ZoomIn, zoomOut, zoomInDown, zoomInUp, zoomInLeft, zoomInRight, zoomOutLeft, zoomOutRight, zoomOutUp, and zoomOutDown.
* refactoring index.html to mimic the current optgroup styling
I added zooms, which were absent, but added them in a way that didn't reflect the current optgroup styling and delineation. I fixed that and now exits and entrances are grouped appropriately.
* updated index.html to reflect the standard optgroup styling on sliders, added slideInDown
In addition to adding slider keyframes that were missing, I placed them into the appropriate optgroups to mimic the similar styling of the other animations.
* Merging updated version of animate.min.css
As requested, this is the updated version of animate.min.css that @daneden request I include in the pull request.
* Updated animate.min.css
Made it the new version
* added jello to options
* Update CSS
* Add jackInTheBox to gh-pages (#694)
* New Special - jackInTheBox
* copy min.css from master branch
* fixed the issue of overflow scroll (#740)
for more see this issue https://github.com/daneden/animate.css/issues/739
* Adds heartBeat animation demo (#893)
* Update animate.min.css to latest version
* Updated CSS for current browsers
* Updated animate.css
* Removed useless test folder
* Added warn about prefers-reduced-motion
* Adds docs compiler
* Adds new base template
* Improves the docs compiler
* Fixes flipOutY animation
* Updates docs template and build
* Reorder docs sections
* Updates docs animation list template
* Updates prettier ignore
* Adds syntax highlight to docs
* Small fixes to docs content
* Updates templates HTML
* Styles the demo website
* Adds functionality to demo website
* Fixes small website demo issue with medium screens
* Adds copy animation to demo site
* Renames loop classes to repeat
* Small adjusts to docs styles
* Updates docs template
* Updates docs improving copy and adding sections
* Reviews the docs copy
* Fix some issues with demo-site
* Fixes issue with the demo-site playground
* Adjusts tooltip on demo-site
* Fix layout issues on mobile and update “close” button for animations list
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
* Updates docs folders
* Fix some small documentation issues
* Updates edit on github link
Co-authored-by: Arda Gedik <arnoldsivastanegezer@hotmail.com>
Co-authored-by: Arda Gedik <ardagedikk@hotmail.com>
Co-authored-by: Jabran Rafique <jabran.rafique@ratedpeople.com>
Co-authored-by: Waren Gonzaga <waren.gonzaga.dev@gmail.com>
Co-authored-by: Jabran Rafique⚡️ <jabranr@users.noreply.github.com>
Co-authored-by: Vaibhav Tandon <vaibhav.tandongcet@gmail.com>
Co-authored-by: Waren Gonzaga <warengonzaga.dev@gmail.com>
Co-authored-by: Melek REBAI <melek.rebai89@gmail.com>
Co-authored-by: Christian Oliff <christianoliff@yahoo.com>
Co-authored-by: Daniel Eden <dan.eden@me.com>
Co-authored-by: Lucas Ferreira Lima <lucasferreiralimax@gmail.com>
Co-authored-by: Matt Willis <contact@mrwillis.net>
Co-authored-by: Gabrielmtn <Gabrielmtn@gmail.com>
Co-authored-by: Indy Prieto <proforced@gmail.com>
Co-authored-by: Robert Pemberton <hellorobertp@gmail.com>
Co-authored-by: Khaled nuur <kahalidnuur@gmail.com>
Co-authored-by: Vladimir Jovanović <vladimir.jovanovic993@gmail.com>
2020-05-07 17:42:33 +02:00
< / p >
< / footer >
< aside class = "motionless__banner" >
< p class = "motionless__paragraph" >
< b > Hey!< / b > It seems that you have animations disabled on your OS, turning Animate.css
off.< br / >
Animate.css supports the
< a
title="prefers-reduced-motion CSS media feature on MDN"
target="_blank"
rel="noopener noreferrer"
href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion"
>
prefers-reduced-motion CSS media feature< /a
>. You can read more about it
< a
title="Move Ya! Or maybe, don't, if the user prefers-reduced-motion! on Google Developers"
target="_blank"
rel="noopener noreferrer"
href="https://developers.google.com/web/updates/2019/03/prefers-reduced-motion"
>
here< /a
>.
< / p >
< / aside >
< script type = "module" src = "main.mjs" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js" > < / script >
< / body >
< / html >
