回答編集履歴
1
TweenMaxに関しての言及を追加
test
CHANGED
|
@@ -8,12 +8,26 @@
|
|
|
8
8
|
|
|
9
9
|
（調整がかなり大変そう 笑）
|
|
10
10
|
|
|
11
|
+
TweenMaxがどういうライブラリかはわからないですが、
|
|
12
|
+
|
|
13
|
+
名前から察するにアニメーション機能を簡単につけるようなライブラリでしょうか？
|
|
14
|
+
|
|
15
|
+
であるならば、そのライブラリだけでは、この画面を作ることはできないかと思われます。
|
|
16
|
+
|
|
17
|
+
なぜなら、”スクロール量によって、位置やアニメーションを決めているから”です。
|
|
18
|
+
|
|
19
|
+
こればっかりは、パララックス系のライブラリか、もしくは、微調整のために自分でスクリプト書くしかないかと思います。
|
|
11
20
|
|
|
12
21
|
|
|
13
|
-
ただし、最後の線の光っている部分だけは、canvasを使っているようですね。
|
|
14
22
|
|
|
15
|
-
|
|
23
|
+
そして、問題の最後の線の光っている部分に関して、
|
|
16
24
|
|
|
25
|
+
ここはcanvasを使っているようですね。
|
|
26
|
+
|
|
27
|
+
iPhoneのブロックの上に、グロー効果をきかせたiPhone画像を配置したcanvas要素を重ねているようです。
|
|
28
|
+
|
|
17
|
-
CSSだけでもできなくないですが、ブラウザの後方互換が効かない技術が必要です。
|
|
29
|
+
CSSとJSだけでもできなくないですが、ブラウザの後方互換が効かない技術が必要です。
|
|
18
30
|
|
|
19
31
|
（Photoshopのレイヤースタイルのオーバーレイのような効果を効かせるCSSを使う必要がある。）
|
|
32
|
+
|
|
33
|
+
また、CSSだと、うまくかっこよくならなかったり、あまりうまくいかないかと思われます。
|