タグ

fadeに関するxinxのブックマーク (2)

  • [JS]あらゆる要素をランダムにフェードアウト・インさせるスクリプト -LivingFade

    あらゆるDOM要素をランダムなタイミングでフェードアウト・フェードインさせるjQueryのプラグインを紹介します。 LivingFade jQuery Plugin デモ [ad#ad-2] デモでは複数のdiv要素がボックス状に配置されており、「Fade Out」「Fade In」ボタンをクリックすると、フェードアウト・フェードインのエフェクトがランダムなタイミングで適用されます。 デモ:ベーシック callback機能もあり、エフェクトが終了すると、メッセージが表示されます。 エフェクトの適用範囲を指定することも可能で、下記は右下のdiv要素に異なるclass名を与え、その箇所のみ適用させないデモです。 デモ:適用範囲の指定 LivingFadeの実装 「デモ:ベーシック」を例に実装方法を紹介します。 HTML 対象となる要素を内包するdiv要素に「class="demo1"」を付与し

  • Text Fade Out / Read More Link | CSS-Tricks

    DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Reader Rob Young sent in a cool effect seen on Newsweek.com: Screenshot from here The text fades out at the bottom and has a “More…” link. Text fade out is nothing new around here. I’ve had a demo up for that for ages, which uses a transparent PNG file placed overtop the text. But since this

    Text Fade Out / Read More Link | CSS-Tricks
  • 1