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
|
|
|
*/:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animated.repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing
|
