menu

マウスオーバー時のフォトフィルター(Adobe Muse)

【Adobe Muse】の機能を利用したコンテンツを紹介しています。

サードパーティウィジェット「Photo Filter」Widgetを利用すると、
マウスオーバー時に画像に対して、7つのフィルター効果を可能にします。
反対にデフォルト時にフィルター効果を設定し、
マウスオーバー時にデフォルトに戻すといったことも出来ます。
効果に必要な時間調整も可能ですのでじっくり時間を掛けて魅せることも出来ます。

<フィルター効果の種類>
・Blur
・Brightness
・Contrast
・Grayscale
・Hue-Rotate
・Invert
・Opacity
・Saturate
・Sepia

▽サンプル(マウスオーバー時にフィルター)
live-preview

▽サンプル(デフォルト時にフィルター効果を設定)
live-preview

▽サンプル(マウスオーバー時の効果を時間調整)
live-preview

「Photo Filter」Widgetについての詳細はコチラ(外部サイト)

musexpress2_0-10MuseとWordPressの連携(その7/Adobe Muse)

musexpress2_0-13「Login Areaのインストール」MuseとWordPressの連携(その8/Adobe Muse)

関連記事

  1. superhero-slider04

    最大20枚設置可能のフルスクリーンスライドショー(Adobe M…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  2. sunder-gallery-01

    演出効果に優れたカード型レイアウトを簡単に。(Adobe Mus…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  3. musexpress06

    MuseとWordPressの連携(その2/Adobe Muse…

    Adobe MuseとWordPressを連携させたサイトの制作に挑戦。「MusexPress」…

  4. pop-ups01

    3つの方法でポップアップ(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  5. image-expand01

    イメージのフルサイズ表示(Adobe Muse CC)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  6. muse-sample05-1

    スクロールでスライドショーを動かす(Adobe Muse)

    スクロール効果を使って動的な表現の提案(1)ウィジェットライブラリの【スライドショー】とスクロー…

  7. moving-slideshow02

    ムービングスライドショー(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

  8. shake

    マウスオーバーで10種類の揺れを(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

PAGE TOP