Block the Animation on

If I try to search, and mouse over a style, the style moves, and this hurts. Is there a way to keep the styles from moving?


  • P.S. I added domain("") to my transition blocker; it seems to work.

    @-moz-document domain(""), domain(""), domain(""), domain(""), domain(""), domain("") {

    * { transform: none!important; animation: none!important; transition: none!important; }

  • It doesn't block the slide-punch. Unfortunately, blocking javascript blocks the whole site.
  • Sorry, but what do you mean by this:
    Marja E said:

    It doesn't block the slide-punch.

  • Just get rid of the whole container. It always displays the same styles anyway.

    #wrapper-carousel, #ovals-wrapper { display:none !important; }
  • Thanks!
  • edited July 2018 Firefox
    *, *:before, *:after {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;

    but break Google images info preview - Google use transform to position elements on website in "pop-up".

Sign In or Register to comment.