(演出サンプル)テスト222
この国の歴史は世界がまだ未完成で、神様すらいなかったところから始まる。
現在の日本は『神様の住む天界』『人間の住む地上』『死者の住む冥界』 の三層に分かれているけれど、その頃はまだ気体と固体すら分かれていなくて、カオス状態の世界がどこまでもどこまでも広がっているだけだった。
それから長ーーい長ーーーい時間が経ったある日、ふいに天と地が分かれた。すると、どこからともなく天に1人の神様が、なりなりと生まれてきた。
VIDEO
ミナカヌシ
見出
アメノミナカヌシノカミ
.anim_parallax{
position: relative;
margin: 3.33333vw 0;
}
.anim_parallax .height{opacity:0!important;}
.anim_parallax img{max-width: 100%;}
.anim_parallax figure:nth-child(1){
position: absolute;
left:0;
top:6vw;
opacity:0;
}
.anim_parallax figure:nth-child(2){
position: absolute;
left:0;
top:-6vw;
opacity:0;
}
.anim_parallax figure:nth-child(3){
position: absolute;
left:0;
top:8vw;
opacity:0;
}
.anim_parallax figure:nth-child(4){
position: absolute;
left:0;
top:0vw;
opacity:0;
}
.anim_parallax figure:nth-child(5){
position: absolute;
left:0;
top:vw;
opacity:0;
}
.anim_parallax.on figure{
top:0;
opacity:1.0;
transition: 1.5s;
}
.anim_background{
opacity:0;
transition: 0.5s;
text-align: center;
margin: 1.388888vw 0;
}
.anim_background.on{
transition: 0.5s;
opacity:1.0;
}
body.background{
background: #000000;
transition: 0.5s;
color: #FEFAF7;
}
.anim_background{
opacity:0;
transition: 0.5s;
text-align: center;
margin: 1.388888vw 0;
}
.anim_background.on{
transition: 0.5s;
opacity:1.0;
}
body.background{
background: #880000;
transition: 0.5s;
color: #FEFAF7;
}
テスト
ボタン
下線なしh3
.anim_background{
opacity:0;
transition: 2.0s;
margin: 1.388888vw 0;
}
.anim_background.on{
transition: 2.0s;
opacity:1.0;
}
body.background{
background: url(“/img/common/dream.png”);
background-size: contain;
transition: 2.0s;
}