bingo!CMS TIPS BLOG
2015年01月06日(火)

Ver1.6新機能 アニメーション設定 -簡単編-【縦長サイトに!】

遅ればせながら皆様、新年あけましておめでとうございます。
本年もbingo!CMS、このブログ共々どうぞよろしくお願い申し上げます。

さて、2015年第1回目のテーマは
「カスタムユニットのアニメーション設定(簡単 編)」です。

縦長サイトによく見られる、
ホバーでボタンや画像がくるくると回転したり、
スクロールと同時にこれまで表示されていなかったコンテンツが現れたりする
そうです、あれです。

このような動きは
ページ内のストーリーを引き立て、
最終ゴールへと利用者を導く手助けをする役割があります。
サンプルをごらんくださいな。

どうでしょう。
単調なコンテンツでも、少し動きを加えるだけで、引き込まれるような気がしませんか?
さて、bingo!CMSでは、今回のVer1.6から、
マウスホバー・クリック・スクロールの3つのトリガーにあわせて、
「移動・サイズ変更・回転・傾斜変形・透過度」を
変更できるようになりました。
※カスタムユニットを使います。

上のサンプルページでは、「スクロール」のトリガーで、「透過度」を変更しています。
このアニメーションの設定にかかる時間は、たったの【10秒】。

やるしかない。
設定方法は、左の画像をご覧ください。
他にもいろいろな動きを設定できます。

もっと凝った動きを…という方は、
下のページをご覧頂き、
いろいろな要素の合わせ技を使って、
研究してみてくださいね!

bingo!CMS テクニカルインフォメーション


ユーザーの方、カスタムユニットについての詳しい操作方法などは、
マニュアルをご参照ください。

それでは、カスタムユニット・アニメーションの
「もうすこし難しい 編」はまた後日。


皆様が、今年も一年、健康にすごせますように。

ではまた!
せきやまでした!

2015/01/06 00:00 | 便利な機能

ページトップ