背景がスクロールに合わせて少しづつ動く ワンランクアップのパララックス
CSSで背景を固定した要素とそうではない要素を組み合わせてパララックスにすることがあります その場合は background-attachment の fixed か scroll かの違いをうまく使い分けて行います & […]
要素が画面内に現れた時にイベントを実行する jQuery.invew プラグインの使い方
パララックスのWEBサイト等で スクロールしていくと、次々にコンテンツが表示されたり アニメーションしたりするものがありますよね そういったものを簡単に実装することが出来るのが jQuery.inview […]
1カラムのスクロール型のページで要素の継ぎ目を斜めにするテクニック
CSSでrotateを使って、ブロックとブロックの継ぎ目(境界)を斜めにするテクニック。HTMLはシンプルなままで、実現可能です。デモとサンプルのダウンロードもあります
シンプルな背景のパララックス効果を与える background-attachment: fixed; を使ったテクニック
一枚ページのデザインや、ティザーサイトをつくるときに パララックスの効果を与えるとウェブサイトは楽しくなってくるのですが それを簡単に、シンプルに実現する方法です
CSS(SASS)だけで作られた夜空に星が流れる パララックス 『Parallax Star background in CSS』
SASSで作られたパララックスです 背景に夜空の星が流れるようになっています 完成度はかなり高く、星の流れ方は毎回ランダムに決定されます 毎回違った、表情になるので それもまた面白いかなと思います
