RELLAX.jsデモページ

パララックス
してるかい?

01
Gorilla Type 01

徘徊するゴリラ

ゴリラにとって重要な仕事の1つに、徘徊があります。それはジャングルを歩き回ること。見たことがないゴリラが縄張りに入らないように日々チェックする必要があるのです。

徘徊するゴリラの特徴

  • 仲間意識が強い
  • 保守派
  • リーダー気質
02
Gorilla Type 02

威嚇するゴリラ

もし縄張りに入ってくるような奴がいたら威嚇して追い払います。声を荒げて威嚇する方法もありますが、できるゴリラなら睨むだけで十分。じっと数秒睨むだけでほとんどのゴリラは逃げていくでしょう。

威嚇するゴリラの特徴

  • 気が短い
  • 自己中心的
  • カルシウム不足
03
Gorilla Type 03

驚くゴリラ

時にはこんなお茶目な表情をすることも。常に気をはっているゴリラですが、不意のサプライズには対応できないことがほとんど。驚かせるときは一言声をかけておきましょう。

驚くゴリラの特徴

  • 落ち着きがない
  • ビクビクしている
  • ドキドキしている
04
Gorilla Type 04

決意するゴリラ

ゴリラの中には強い意思を持っているものがいます。その顔を見れば必ずやり遂げるとだれもが思うでしょう。ただ、何をしたいのかだれも知る由もない。

決意するゴリラの特徴

  • 一点を見つめている
  • あまりしゃべらない
  • 無表情

head

                               
<script src="/path/to/rellax.min.js"></script>
<script src="/path/to/init.js"></script>
                               
                           

javaScript

                               
var rellax = new Rellax('.rellax-target');
                               
                           

CSS

                               
//レイアウトによって調整してください
                               
                           

HTML

                           
<div>
    <p class="rellax-target" data-rellax-speed="1" data-rellax-zindex="2">パララックスしてるかい?</p>
</div>
//上下の位置調整はdata-rellax-percentage="数字"を使う