A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
Code Snippets | CSS-Tricks
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
[JS]CSSスプライトにスライドやフェードのアニメーションを加えるスクリプト -SpriteMenu
一枚の画像で作成するCSSスプライトに、スライドやフェードのアニメーションを加えるスクリプト「SpriteMenu」を紹介します。 SpriteMenu demo SpriteMenu デモでは、イージングを使用したスライドとフェードのアニメーションが紹介されています。 使用している画像はどちらも同じで、下記のようになっています。 CSSスプライト用の画像（クリックで拡大） ナビゲーションはリスト要素で実装されており、スクリプトのオプションではナビゲーションのサイズ、アニメーションのエフェクト、スピード、イージングなどを変更できます。 SpriteMenuはjQueryのプラグインのため、実装にはjquery.jsが必要です。
[JS]テキストリンクのカラーにフェード効果を与えるスクリプト -Fade colors
テキストリンクのカラーにフェード効果を与えるスクリプトをJanko At Warp Speedから紹介します。 Fade colors using jQuery demo フェード効果は不透明度でコントロールされており、リンクの数でフェードの段階が調整されています。 また、不透明度ではなくRGB値をコントロールする複雑なバージョンもあり、より微妙なカラーを使用することができます。 demo: RGB Fade colorsはjQueryのプラグインのため、実装にはjquery.jsが必要です。 このスクリプトはretweetradarで使用されている、人気が高いものほど強調され徐々にフェードさせたリンクコンテンツにインスパイアを受けて作成したものとのことです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
