スクロールするとアニメーションしながら要素が表示するスクリプト「ScrollReveal」のDEMO
var ScrollrevealFade = { origin: 'left', distance: '0px',//移動範囲 scale: 1,//拡大表示（１で横スクロールが始まる） rotate: { x: 0, y: 0, z: 0 }, //xは縦回転、yは横回転、zは傾き（風車みたいな感じ） duration: 1200, //アニメーションの速度 delay :200 //要素が表示するまでの待機時間（ディレイ） }; sr.reveal('.scrollreveal-fade', ScrollrevealFade, 100); 上記のような形でオプションは記述していきます。scaleを0.8にすれば表示の際に拡大するように表示されたり、1.2にすれば縮小しながら表示されたりします。 rotateの数値をいじると、縦回転・横回転・傾きをしながら表示されるようになります。また、
WEBサイトの更新時、CSSのキャッシュを自動で読み直す方法
こんにちは、WEBデザイナーの弓削です。 かなり今更な話となってしまいますが・・。 WEBサイトのページの修正の際にCSSを書き換えるケースはよくあると思いますが、 その時に一番困るのが、 1）クライアント様に修正依頼を頂いて内容を修正 2）修正後、情報を仮公開してクライアント様に連絡 3）「何も変わっていない」という指摘を頂く 4）CSSのキャッシュが原因で、修正前のCSSが表示されていた というケースですね。 一応、クライアント様に「スーパーリロード」を掛けてもらう事で解決する問題なのですが、 そもそも、スーパーリロードをしなくても自動でCSSが更新されて欲しいですよね。 方法としてはCSSファイルの指定の後ろにクエリを加える方法が一般的だと思います。 例えばこんな感じです。 ファイルを更新するたびに?201610261200の部分の数字を変更する事で、 ブラウザに新しいファイルという
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
