Blurred picture during transition

+5 Franz Schmidt · April 24, 2016
I have a little problem here: 
Whenever I use the transition style in css and make a transformation for a picture it gets blurry during the transitiontime.
Like it looses quality during the picture gets moved.
Is there a way to get rid of this annoying effect?

CSS:
#picture{
transition: all 2s ease;
}

Javascript:
function move_picture(){
picture = document.getElementById('picture');
picture.style['top'] = '10%';
}

Post a Reply

Replies

Oldest  Newest  Rating
+1 Dhruv Singhal · January 22, 2017

function move_picture(){
   picture = document.getElementById('picture');
   picture.style.top = '10%';
}
  • 1

HTML / CSS / Web Design

122,583 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators