chuckです。
オシャレなサイトを発見しました。こちらです。
こちらのTOPページの背景画像が動いている(ように見える)んですよね。
面白いなーと思ったので、自分なりに再現してみます。
作ったやつ
http://chuck0523.github.io/front-end-coding/imageLikeVideo/index.html
こちらです。背景が動いているように見えます。
要は背景画像が拡大と縮小を繰り返しているだけです。が、位置がちょっと残念ですね。
画面の中心を軸に拡大・縮小してほしいのですが、今回は時間切れ…。
詳細はコードを参照ください。
書いたコード
メタ言語で書いたので、ちょっと読みづらいかも…。
メタ読める方はこちらも!
参考にしたサイト
文字サイズをこれで指定してみました。
背景画像の指定に。
なにげに初めてcoffeeでjQuery使いました!便利×便利って感じで良かったです。
coffeeScriptでsetTimeoutをどう書くかの参考にしました。