Aromatherapy Salon Petit Chou Chou
OVERVIEW
個人アロマサロン Grid レイアウトを活用したレスポンシブウェブサイトです。トップページでスクロールに合わせてjQuery,CSS transitionで動きを表現しました。 #font awesome #grid #jQuery #SVG
Topページのメインビジュアルはスライドをフェード
トップページのメインビジュアル以外の要素はスクロールと同時に左右からフェードインさせています。
こちらのサイトはGridレイアウトを使ったRWDをテーマに公開しています。
Gulpを走らせることで
- Sassをコンパイル
- Postcss / Autoprefixer / browserSync / gulp-sassなど
を実行しています。
またメディアクエリをmixinで定義しています。
[ URL ]
[ github ]
https://github.com/nanamestripe/petit_chouchou