diff --git a/app/javascript/src/javascripts/posts.js.erb b/app/javascript/src/javascripts/posts.js.erb
index 03be9723e..dba32a2a5 100644
--- a/app/javascript/src/javascripts/posts.js.erb
+++ b/app/javascript/src/javascripts/posts.js.erb
@@ -315,11 +315,11 @@ Post.expand_image = function(e) {
   var $image = $("#image");
   var $notice = $("#image-resize-notice");
   $image.attr("src", $link.attr("href"));
-  $image.css("opacity", "0.25");
+  $image.css("filter", "blur(8px)");
   $image.width($image.data("original-width"));
   $image.height($image.data("original-height"));
   $image.on("load.danbooru", function() {
-    $image.css("opacity", "1");
+    $image.css("animation", "sharpen 0.5s forwards");
     $notice.hide();
   });
   $notice.children().eq(0).hide();
@@ -340,13 +340,13 @@ Post.initialize_post_image_resize_links = function() {
         var $image = $("#image");
         var $notice = $("#image-resize-notice");
         $image.attr("src", $("#image-container").data("large-file-url"));
-        $image.css("opacity", "0.25");
+        $image.css("filter", "blur(8px)");
         $image.width($image.data("large-width"));
         $image.height($image.data("large-height"));
         $notice.children().eq(0).show();
         $notice.children().eq(1).hide(); // Loading message
         $image.on("load.danbooru", function() {
-          $image.css("opacity", "1");
+          $image.css("animation", "sharpen 0.5s forwards");
           $notice.show();
         });
         Note.Box.scale_all();
diff --git a/app/javascript/src/styles/specific/posts.scss b/app/javascript/src/styles/specific/posts.scss
index b29b73124..ddce24600 100644
--- a/app/javascript/src/styles/specific/posts.scss
+++ b/app/javascript/src/styles/specific/posts.scss
@@ -1,5 +1,27 @@
 @import "../base/000_vars.scss";
 
+@keyframes heartbeat {
+  0% {
+    transform:scale(1);
+  }
+  50% {
+    transform:scale(1.3);
+  }
+  100% {
+    transform:scale(1);
+  }
+}
+
+@keyframes sharpen {
+  from {
+    filter: blur(8px);
+  }
+
+  to {
+    filter: none;
+  }
+}
+
 article.post-preview {
   height: 154px;
   width: 154px;
@@ -149,18 +171,6 @@ body[data-user-can-approve-posts="true"] .post-preview {
   color: red;
 }
 
-@keyframes heartbeat {
-  0% {
-    transform:scale(1);
-  }
-  50% {
-    transform:scale(1.3);
-  }
-  100% {
-    transform:scale(1);
-  }
-}
-
 div#c-posts {
   .fav-buttons {
     font-size: 14pt;