マガジンのカバー画像

STUDIO

28
運営しているクリエイター

#STUDIOTips

【STUDIO Tips】Hoverで可能なエフェクト

【STUDIO Tips】Hoverで可能なエフェクト

ホバーは、ユーザーが要素の上にカーソルを移動したときに、その要素に適用される効果です。ボタンやリンクをクリック可能に見せるためによく使われます。

今回はホバー機能を使って、以下のように、カーソルを画像に合わせると場所を黒いパネルが現れ、画像も少し縮小する動きのあるエフェクトのつけ方を解説します。

【実装方法】1.親ボックスを作成し、その中に画像を入れます。
*横600px縦800pxにしていま

もっとみる
STUDIOフォームからのお問い合わせを、チームのSlackに届くようにする方法

STUDIOフォームからのお問い合わせを、チームのSlackに届くようにする方法

SlackのEmail app + メールの転送設定を利用すれば、STUDIOサイトに設置したフォームからの受信内容を、自動でSlackに投稿しチームで共有することができます。

STUDIOメンバーはこの方法でお問い合わせ対応状況を全員に可視化し、ユーザーの皆様の声にいつも応えられるようにしています🙌

STUDIOフォームとSlackを利用していれば誰でも同じ運用が可能なので、方法をシェアし

もっとみる