Title: Elliott Richmond Tabs Animation Author: Elliott Richmond Published: 18. August 2026 Last modified: 19. August 2026 --- Plugins suchen ![](https://ps.w.org/elliott-richmond-tabs-animation/assets/banner-772x250.png?rev =3654636) ![](https://ps.w.org/elliott-richmond-tabs-animation/assets/icon.svg?rev=3654636) # Elliott Richmond Tabs Animation Von [Elliott Richmond](https://profiles.wordpress.org/erichmond/) [Herunterladen](https://downloads.wordpress.org/plugin/elliott-richmond-tabs-animation.0.2.0.zip) * [Details](https://de.wordpress.org/plugins/elliott-richmond-tabs-animation/#description) * [Rezensionen](https://de.wordpress.org/plugins/elliott-richmond-tabs-animation/#reviews) * [Installation](https://de.wordpress.org/plugins/elliott-richmond-tabs-animation/#installation) * [Entwicklung](https://de.wordpress.org/plugins/elliott-richmond-tabs-animation/#developers) [Support](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/) ## Beschreibung The core Tabs block (WordPress 7.1+) shows and hides its `core/tab-panel` content by toggling the `hidden` attribute via the Interactivity API, which reveals it abruptly. This plugin adds a small animation to that reveal and a **Settings Tabs Animation** screen to control it, with no theme changes required. Features: * Five animation types: Fade, Slide right, Slide left, Slide up, Slide down. * Adjustable duration (0–3000ms) and easing (ease, ease-in, ease-out, ease-in- out, linear). * Respects the visitor’s reduced-motion preference. * A single small inline stylesheet – no build step, no JavaScript. ## Screenshots [⌊Demo of animation⌉⌊Demo of animation⌉[ Demo of animation ## Installation 1. Upload the plugin to `/wp-content/plugins/elliott-richmond-tabs-animation`. 2. Activate through the ‚Plugins‘ screen in WordPress. 3. Visit Settings Tabs Animation to choose an effect, duration, and easing. ## FAQ ### Does this work with any theme? Yes. The animation targets the core Tabs block’s own markup (`.wp-block-tab-panel`), not anything theme-specific, so it works with any block theme or classic theme that supports the core Tabs block. ### Can different Tabs blocks on the same site use different animations? Not currently — one setting applies site-wide to every Tabs block. ### Does it affect page load performance? No extra HTTP request: the animation CSS is added as a small inline stylesheet, and there’s no JavaScript. ### What if a visitor has reduced motion enabled? The animation is disabled automatically for visitors whose OS/browser requests ` prefers-reduced-motion: reduce`; panels appear instantly instead. ## Rezensionen ![](https://secure.gravatar.com/avatar/c7a9c5743b32793a5534789f93b125cdf7573f4109dbea017f219e231a287388? s=60&d=retro&r=g) ### 󠀁[Wonderful minimalist plugin!](https://wordpress.org/support/topic/wonderful-minimalist-plugin/)󠁿 [James Monroe](https://profiles.wordpress.org/jhmonroe/) 24. August 2026 Things that made this perfect: Hidden in settings menu, no annoying admin bar entry! Thanks! Simple handful of settings and can easily see it being added to (by dev or anyone who customizes) It just works! [ 1 Rezension lesen ](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/) ## Mitwirkende und Entwickler „Elliott Richmond Tabs Animation“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt: Mitwirkende * [ Elliott Richmond ](https://profiles.wordpress.org/erichmond/) [Übersetze „Elliott Richmond Tabs Animation“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/elliott-richmond-tabs-animation) ### Interessiert an der Entwicklung? [Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/elliott-richmond-tabs-animation/), sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/elliott-richmond-tabs-animation/) an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/elliott-richmond-tabs-animation/) per [RSS](https://plugins.trac.wordpress.org/log/elliott-richmond-tabs-animation/?limit=100&mode=stop_on_copy&format=rss). ## Änderungsprotokoll #### 0.1.0 * Initial release. #### 0.2.0 * Updated assets. * Included screenshot. ## Meta * Version **0.2.0** * Zuletzt aktualisiert **vor 2 Monaten** * Aktive Installationen **weniger als 10** * WordPress-Version ** 6.7 oder höher ** * Getestet bis **7.1.3** * PHP-Version ** 8.2 oder höher ** * Sprache * [English (US)](https://wordpress.org/plugins/elliott-richmond-tabs-animation/) * Schlagwörter * [animation](https://de.wordpress.org/plugins/tags/animation/)[block](https://de.wordpress.org/plugins/tags/block/) [interactivity api](https://de.wordpress.org/plugins/tags/interactivity-api/) [tabs](https://de.wordpress.org/plugins/tags/tabs/) * [Erweiterte Ansicht](https://de.wordpress.org/plugins/elliott-richmond-tabs-animation/advanced/) ## Bewertungen 5 von 5 Sternen. * [ 1 5-Sterne-Rezension ](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/?filter=5) * [ 0 4-Sterne-Rezensionen ](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/?filter=4) * [ 0 3-Sterne-Rezensionen ](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/?filter=3) * [ 0 2-Sterne-Rezensionen ](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/?filter=2) * [ 0 1-Sterne-Rezensionen ](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/?filter=1) [Deine Rezension](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/#new-post) [Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/) ## Mitwirkende * [ Elliott Richmond ](https://profiles.wordpress.org/erichmond/) ## Support Möchtest du etwas mitteilen? Brauchst du Unterstützung? [Support-Forum anzeigen](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/)