Point1
このカラムのアイコンはWebフォントを使っているので好きなものに変更できます。
メインビジュアルについて
Seattle, Premium Website Template
Seattle, Premium Website Template
肉通販の宣伝テスト
waypoint.jsとCSSでスクロールして
画面指定位置で要素をアニメーションさせる
waypoint.jsとCSSのtransitionを使えば
簡単にスクロールして画面指定位置に来たタイミングで
アニメーションさせることができます。
SECTION01
今回はwaypoint.jsで「offset:70」を設定していますので、画面上から70％位置まで要素が来たタイミングを取得することができます。
そのタイミングで要素に「active」というクラスをつけて、CSSでアニメーションさせています。
SECTION02
今回はwaypoint.jsで「offset:70」を設定していますので、画面上から70％位置まで要素が来たタイミングを取得することができます。
そのタイミングで要素に「active」というクラスをつけて、CSSでアニメーションさせています。
SECTION03
今回はwaypoint.jsで「offset:70」を設定していますので、画面上から70％位置まで要素が来たタイミングを取得することができます。
そのタイミングで要素に「active」というクラスをつけて、CSSでアニメーションさせています。
ふわっと文字追加
ここの文字が現れる1
ここの文字が現れる2
ここの文字が現れる3
記事一覧
- トピックス レイアウトのセクション整理
- トピックス マークアップ基準について
- トピックス Webフォントについて
- トピックス ページャーに自動挿入されるタグについて
- トピックス お問い合わせフォーム周りを整備
- トピックス HTML5 & BootstrapのレスポンシブWebデザインテンプレート
- トピックス テンプレートとして使用する際の課題点
