ガイド内の画像や動画を拡大表示したい
ガイド内に挿入いただいた画像や動画を少し大きくしたい場合以下2通りの方法がおすすめです!
◾️挿入先をガイドではなく、ポップアップガイドにする
→ポップアップガイドに挿入いただくことで表示が大きくなりますため見やすさが上がります!
また、ポップアップガイド自体のサイズ変更をしていただくことができるため任意のサイズでの表示が可能です
◾️ホバーアクションにて拡大表示させる
→テキストガイド内に以下のCSSを書いていただくことで実装可能です
<style>.plainer-tippy-guide img {transition: transform 0.3s ease;}.plainer-tippy-guide img:hover { transform:scale(1.5);}</style>
ポイント:
デモを閲覧される方からはホバーすると拡大できることがわかりにくいため
※画像にカーソルを合わせると拡大されます※
上記のような注意書きを入れることをおすすめいたします!
また、※scale(1.2)の数値を変更することで、拡大率を調整できますので必要に応じて変更をしてみてください!