?????「これデザインです!ここの画像は切り替わるようにしてください」
エンジニア「ありがとうございます!切り替え…どのように…」
?????「よしなにお願いします!なんかイケてるオシャレな感じで!!」
エンジニア「承知しました。(オシャレというのは主観であって…)」
ありますよね。
こういうこと。
イケてる!オシャレな!しかも手軽な!
切り替わりを実装してアッと言わせちゃいましょう。
そんなアニメーションを4種ご紹介いたします。
ブラシで塗りつぶし
ポップで元気な印象のサイトデザインに合いそうですね。
詳細記事リンク: 【ブラシ】画像をアニメーションで切り替えたい!オシャレに!【塗りつぶし】
斜めのグリッド
シャープでスタイリッシュなサイトデザインに合いそうです。
詳細記事リンク: 【斜め】画像をアニメーションで切り替えたい!オシャレに!【グリッド】
スライド
Swiper?Slick?いいえ、それらとは違った見え方になります。
スライダー系のプラグインでは1番目と2番目に表示される画像の位置は、スライドしながらスライドすると思います。(語彙力)
こちらは位置はそのままでスライドするのです。(語彙力)
詳細記事では、わかりやすいサンプルをご用意しています。
詳細記事リンク: 【スライド】画像をアニメーションで切り替えたい!オシャレに!【縦 横 斜め】
フリップ
こちらもポップで元気なサイトデザインに合いそうです。
ただのスライダーではなく、デザイン上もカードのようにしたりすることで凝った見え方にできそうですね。
詳細記事リンク: 【フリップ】画像をアニメーションで切り替えたい!オシャレに!【くるっと】