【BOOTSTRAP課題アドバンス】JavascriptやCSSアニメーションの実装

JavascriptやCSSのアニメーションを使ってもっとWebサイトに動きやインタラクションを実装します。

プレミアムサービスを見る
※この講座はプレミアムサービスに加入する必要があります。

レベル

ややむずかしい

期間

1日約1時間で 0日間

JavascriptやCSSのアニメーションを使ってもっとWebサイトに動きやインタラクションを実装します。

レッスン


はじめに

indexの背景画像を調整

SERVICESアイコンにホバー設定を追加

画像をマウスオーバーで拡大する

画面右下にトップへ戻るボタンを追加

jQuery/Javascriptの外部ファイル読み込み位置について(プラグインの追加など)

jQueryでテキストアニメーションを追加

カウンターを動かす

イメージギャラリーを加える

ブログカードをフェード表示

ナビゲーションバーの設定

スムーススクロールにする

スマートフォン用の調整

最終調整

関連する講座


【Bootstrap課題】ポートフォリオサイト制作
有料  3レッスン かんたん
【Bootstrap課題2】ブログページ制作
有料  2レッスン かんたん
【Bootstrap課題解説2】ブログ課題の解説
有料  4レッスン 難しい
【ポートフォリオ】ブログページ作成課題
有料  2レッスン かんたん
図解たっぷりBootstrap入門
無料  13レッスン かんたん
【BOOTSTRAP課題】WordPressテーマにする
有料  26レッスン 難しい
【改訂版】図解たっぷりBootstrap入門
有料  14レッスン かんたん
×