このサイトについて
カワサキナツミのポートフォリオサイトです。
このサイトはデザインテーマが切り替えられます。
ページを移動せずに1ページだけで完結するサイトに、ということを目標に作成。htmlファイルは共通・装飾用のcssファイルをjQueryで切り替えています。
現在のデザインについて
何かに影響を受けたら自分なりにアウトプットしていこう、という動機でデザインしました。テーマは【エキゾチック】、宝飾品と刺繍と絨毯のイメージです。
影響元は『将国のアルタイル』や『乙嫁語り』おもしろいよ。
技術的なところの説明としては、バラバラの背景画像が一定の位置に到達するとそれ以上は動かずに画面最下部までスクロールした時に1枚のイラストが完成しているというパララックス効果を取り入れたページです。z-index/positionの指定やjQueryを駆使して実現させました。
画像をほぼ使わない、html・cssだけで装飾したデザイン。
HTML5になって追加された新要素の使い方を勉強がてら組んでみました。やってみたかった事は以下の通り
textshadow/boxshadow/borderradius/flexbox/::before/::after