Rollover/mouseover effect creates jumping pixels

• 

  beckdouglas · Member · May 1, 2017 at 8:37 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve tried googling fixes to this issue, but none have worked so far.

  I’ve created a rollover effect for the pics of magazine covers on this page of my site:
  http://rebeccadouglas.com.au/portfolio-articles/

  If you hover over the pics of either ‘Peppermint’ or ‘Cosmopolitan Bride’, there’s a jumping pixel effect.

  I’m trying to get rid of the jumping pixels.

  Any help appreciated!

  The blog I need help with is: (visible only to logged in users)

• 

  beckdouglas · Member · May 1, 2017 at 8:39 am

  • Copy link

  Sample of how it’s coded…

  `<h1 class=”entry-title” style=”text-align:center;”></h1>
  <div class=”roll” style=”float:left;margin-left:40px;”><img class=”regular alignnone wp-image-201 size-medium” src=”https://becksandthecityblog.files.wordpress.com/2015/02/yen-mag-issue-80-dec-2015.jpg” alt=”Yen Mag Issue 80 Dec 2015″ width=”233″ height=”300″ /><img class=”rollover alignnone wp-image-202 size-medium” src=”https://becksandthecityblog.files.wordpress.com/2015/02/rollover-yen-mag-issue-80-dec-2015-copy.jpeg” alt=”ROLLOVER Yen Mag Issue 80 Dec 2015 copy” width=”233″ height=”300″ /></div>’