Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #584613

    if some visitors do not scroll down – the animated content isn’t visible for print-layout.
    Some users are only interestet in printing the website before reading it (could happen)
    Is there a way to get for Print-Layout a global not animation at all rule :lol: ?

    #585638

    Hi Guenter!

    Sure you can do that… add a print icon to social icons and when user click on Print icon you can run some jQuery which will open the current page in new tab without any animated classes.

    Or simply use a print plugin like https://wordpress.org/plugins/search.php?q=print

    Please let us know if you need us to make a jQuery script for you.

    Cheers!
    Vinay Kashyap

    • This reply was modified 8 years, 8 months ago by Vinay.
    #586130

    yes that will be nice to have but i have made my own print rules via quick css by adding
    @media print { … } but if animated content isn’t visible because user does not scroll down. these rules go to nothing.
    so is there a global rule like

    * {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    }

    but it does not work

    #586310

    Hi!

    That’s a nice approach Wild Card will work if applied CSS specificity is higher than the already existing CSS for animated elements but it is very inconsistent approach as some elements have more specificity and cannot be over written ( for example if it is a inline css transition applied ) so i recommend using jQuery method to open the link in new window and remove all classes and inline styles that are related to animation from the DOM so all elements will be visible in the browser without user having to scroll down.

    Regards,
    Vinay Kashyap

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.