Skip to content

Instantly share code, notes, and snippets.

@ir-norn
Created October 13, 2015 15:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ir-norn/13f00342080c51130400 to your computer and use it in GitHub Desktop.
Save ir-norn/13f00342080c51130400 to your computer and use it in GitHub Desktop.
<style><!--
div.body { display:none }
div.entry_border { opacity:0.3 }
article.page { display:none }
--></style>
<script><!--
$(document).ready(function() {
/* $('body').fadeIn(1400); */
$('div.entry_border').fadeIn(1400);
$('article.page').fadeIn(400);
});
--></script>
@ir-norn
Copy link
Author

ir-norn commented Oct 13, 2015

display:noneだと
div要素にした場合に一瞬レイアウト崩れるから
opacity 0から1へ推移するフェードインのほうが良い

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment