Oxygen & AutomaticCSS – Effekte werden nicht ausgeführt

Webdesign

Benutzt man Oxygen zusammen mit ACSS, dann kann es sein, dass die Effekte „Animation on Scroll“ nicht ausgeführt werden.

I noticed that the „Animate on Scroll Effect“ from Oxygenbuilder doesn’t work anymore when I enable ACSS. Have you guys noticed this as well?

To test what this is, I reinstalled wordpress on a subdomain. I have installed and activated the plugins Oxygen + ACSS. Nothing more. Then I created a test page where I added an „Animate on Scroll Effect“ to a button. The effect works in the frontend.

If I now activate ACSS, the „Animate on Scroll Effect“ suddenly doesn’t work anymore.

If I deactivate ACSS, the effect works again. 

For comparison I have installed and activated Oxyninja. In this combination the effect also works perfectly. However, I would like to use ACSS 😃.

Do you have a tip for me, which I can solve the „Animate on Scroll Effect“ problem???

 

KEVIN:

Turn off reduce motion in your Operating System settings. ACSS respects accessibility preferences and OxyNinja doesn’t.

 

ACSS is a framework that respects user preferences for accessibility. By default, having ACSS installed makes your site more accessible.

One accessibility feature is turning off animations for users who prefer reduced motion.

This preference is chosen by users in their operating system settings. When a user says they prefer reduced motion, ACSS serves them a site with reduced motion. When a user does not request reduced motion, ACSS will serve the animated version of the site.

If you aren’t seeing animations properly, it’s because your own operating system is set to prefers reduced motion. If you remove this preference, you’ll see animations work properly again.

Change this on Mac.

Du kannst die Bewegung einiger Elemente auf dem Bildschirm verhindern oder reduzieren, etwa beim Öffnen von Apps, beim Wechseln zwischen Schreibtischen oder beim Öffnen und Schließen der Mitteilungszentrale. Diese Funktion ist besonders nützlich für Benutzer, die an Bewegungs- bzw. Reisekrankheit oder Schwindelbeschwerden leiden.

  1. Wähle auf deinem Mac Menü „Apple“  > „Systemeinstellungen“, klicke auf „Bedienungshilfen“  und dann auf „Anzeige“.

     

  2. Wähle die Option „Bewegung reduzieren“. >>> DEAKTIVIEREN!!!!

Change this on Windows.

 

  1. Open the Ease of Access settings by pressing the Windows key,   + U.
  2. In the Ease of Access settings, select Display from the column on the left.
  3. Go to the right-hand panel and scroll down to the Simplify and personalise Windows section. Click the toggle switch under Show animations in Windows to turn animated visual effects off.