AREA

説明

日程

出版社

DATA

JOB ROLE

CLIENT

DESIGN TOOL

DIRECTION

Name

著者

DESIGN

ILLUSTRATION

西口 明典

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  
<script>
    $(function() {
  $(window).scroll(function() {
    $(".page_id-0cea0c9849ea4f6996f109f18c5075b2 #section-block-c318a465bd9c44f7b34151483d7b4570 .notion-column , .page_id-0cea0c9849ea4f6996f109f18c5075b2 #section-block-50a70a25434e4c1b9c58b9d57ed03fcb .notion-column , .page_id-0cea0c9849ea4f6996f109f18c5075b2 #block-36cdafe00d4540fda8a65b6f516bf488").each(function() {
      var scroll = $(window).scrollTop();
      var blockPosition = $(this).offset().top;
      var windowHeihgt = $(window).height();
      if (scroll > blockPosition - windowHeihgt + 300) {
        $(this).addClass("blockIn");
      }
    });
  });
});
</script>

 
  
<script>
ScrollReveal().reveal('.page_id-e3d3b4ffc1bc42faa4484b7e4b26c70f .notion-column , .page_id-e3d3b4ffc1bc42faa4484b7e4b26c70f .separatedSection .notion-collection-card-cover', {
  origin: "bottom",　//下からふわっと表示させる
  distance: "50px", //表示された時に要素を50px移動させる
  duration: 800, //アニメーションの完了まで0.8秒。
  viewFactor: 0.5, //画面が表示エリアに対して0.5でアニメーションを開始
  reset: false,　//何回もアニメーション表示
});
</script>
  
<script>
ScrollReveal().reveal('.page_id-cb4a5c94aff0425b8ad56f08f0faa7ae .separatedSection img', {
  rotate: { x: 0, y: 600, z: 0 }, // 横にくるっと
reset: true   // 何回もアニメーション表示
});
</script>

上司ニシグチのポートフォリオ

上司がいないクリエイター向けのオンラインコミュニティー「ONLINE上司」です。現役で活躍しているクリエイターが中心となってナレッジの共有やデザインの添削、相談などをおこなっています。

ONLINE上司

制作実績はこちらから