Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- add_shortcode( 'so_check_reduced_motion', function() {
- ob_start();
- ?>
- <div id="so-reduced-motion-check">Checking reduced motion preference...</div>
- <script>
- jQuery( function( $ ) {
- const prefersReducedMotion = window.matchMedia( '( prefers-reduced-motion: reduce ) ');
- const resultElement = $( '#so-reduced-motion-check' );
- if ( prefersReducedMotion.matches ) {
- resultElement.text( 'You have reduced motion enabled.' );
- } else {
- resultElement.text( 'You do not have reduced motion enabled.' );
- }
- } );
- </script>
- <?php
- return ob_get_clean();
- } );
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
