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

    Hi,

    How can I remove stop the icon from rotating when hovering a blog post? I have changed the content of the hover symbol.
    http://kriesi.at/themes/enfold/blog/

    Thanks,
    Roger

    #365909

    i think this is implemented here:

    a:hover .image-overlay .image-overlay-inside {
        animation: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running avia_pop_small;
    }

    turn the animation to none

    a:hover .image-overlay .image-overlay-inside {
        animation: none
    }

    perhaps an !important is recomended

    #365923

    Thanks!

    #365941

    and by the way the rotation sits in that “running avia_pop_small”

    definitions are in layout.css:

    @-webkit-keyframes avia_pop_small {
      0%   { -webkit-transform:rotate(-175deg) scale(0.2);  }
      100% { -webkit-transform:rotate(0deg) scale(1);  }
    }
    @-moz-keyframes avia_pop_small {
      0%   { -moz-transform:rotate(-175deg) scale(0.2);  }
      100% { -moz-transform:rotate(0deg) scale(1);   }
    }
    @keyframes avia_pop_small {
      0%   { transform:rotate(-175deg) scale(0.2);  }
      100% { transform:rotate(0deg) scale(1);   }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hover rotate effect’ is closed to new replies.