Beschreibung
Scroll Triggered Animations is a highly customisable, yet user-friendly interface for implementing CSS animations correctly and efficiently throughout your WordPress website.
Ob du ein hochbegabter Web-Guru, ein Inhaltsredakteur oder jemand bist, der wenig Ahnung von Webentwicklung hat, STA macht das Animieren für dich einfach. Es funktioniert in jedem Theme, ob maßgeschneidert oder nicht. Aktiviere es jetzt, um deine Website in wenigen Minuten zu animieren.
Want to try STA?
Demo on a risk free environment here
Key points
- Easy to use
- Globally control your animations
- Over 25 Preset Easy animations available out of the box.
- Create your own CSS animations via the Custom Animation Builder
- No framework used
Scroll Triggered Animations wurde gebaut, um jedem WordPress-Anwender (Entwickler oder nicht) zu befähigen, professionell aussehende Animationen ohne Kenntnisse in JavaScript zu bauen. Du kannst unsere voreingestellten Animationen aus unseren Standard-Bibliotheken wählen oder deine eigenen CSS3-Animationen mit diesem Plugin integrieren.
Find out more about this plugin here
Screenshots
Installation
PHP 5.6 or greater is recommended before installation
- Navigate to the plugins menu.
- Search for ‚Scroll Triggered Animations‘
- Click ‚Install Now‘ followed by ‚Activate‘
- You’ll now be able to configure your animations under Settings > Scroll Triggered Animations
FAQ
-
How do I use my own CSS animations with advanced animations?
-
The advanced animations tab is for those of you who want that customisability factor. You can animate items on a global scope using your own CSS.
Dein erster Schritt ist die Aktivierung des Elements, das du animieren willst. Du kannst jedes Element mit der Klasse, der ID oder einem Tag animieren.
The plugin seeks out these items on the frontend of your site and adds the class ‘scroll-triggered’ as it enters your screens dimensions. This gives you the ability to target the element before and after it has entered your screen’s dimensions.
You’re CSS could look something like this:
.button { opacity:0; transform:translateY(10px); transition:all .5s; } .button.scroll-triggered { opacity:1; transform:translateY(0); }Just remember to use the transition property to define how long you would like the animation to last.
Erfahre hier (engl.) mehr.
-
Why aren’t my animations working?
-
This could be a number of reasons. The most common issue for this is javascript being broken on your site. Check for a fatal error in the console and if you can’t resolve the issue do not hesitate to contact us via the support forum.
Rezensionen
Mitwirkende & Entwickler
„Animator – Scroll Triggered Animations“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
Mitwirkende
Übersetze „Animator – Scroll Triggered Animations“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
3.0.6
*Fixed jQuery Issue
3.0.0
*Complete Rework of the plugin backend to provide a clearer interface.
*Backend Options now update via AJAX allowing you to quickly edit options without reloading the page.
*Renamed „Default Animations“ to „Easy Animations“
*Renamed „Advanced Animations“ to „Custom Animations“
*Add compatibility for Scroll Triggered Animations Pro Extension v3
*Visual Animation Builder Revealed. This feature will be available in 2021 with the Pro Extension.
*Rebranded the plugin.
*Added the option to disable ALL animations
*Small tweaks to wording.
*Added a „Helful articles“ section to the backend.
2.5.0
*Added a simple tutorial to run through the plugin configuration.
*Fixed bug where popup wouldn’t close.
*Small tweaks to styling and wording.
2.4.2
*Sale now on
*Multiple Bug fixes
2.4.0
*New Premium animations added
*Multiple Bug fixes
2.2.3
*First updates for 2020
*Christmas styling removed
*Multiple bug fixes
2.2.2
*Latest Bug fixes
2.1.1
*Number of bug fixes and compatibility changes.
2.1.0
*Number of bug fixes
*Christmas styling
2.0.1
- Number of bug fixes
- Added more premium features
2.0.0
- Added ability to control speed on default animations
- Added ability to control delays on default animations
- Disable default animations
- Premium features now available
- Added more animations to the default animation list.