いつかやってって言われそうだから調べたやつ、すぐわすれるメモ。
Ripple Effect
クリックしたところが波紋のように反応するgoogleさんが大好きなやつ
クリックで波紋を出すエフェクト(Ripple Effect)実装メモ – Qiita
https://qiita.com/nekoneko-wanwan/items/c9f26ce049bd422e555c
spanとかでボタン内に内包しておいて、
クリック時にそのspanの配置されている座標をずらす
線が通過するボタン
###マウスオーバーで下線が左から表示され右へ消える
(PC版)
The Official Website of Khenpo Sodargye Rinpoche – We provide English translations of the many teachings and books by Khenpo Sodargye Rinpoche, and video courses with English subtitles.
http://khenposodargye.org/
css3でtransform-originをhoverのときだけ中心点をかえながら
scaleを変更する。いつもは.jsLeaveとかクラスつけてるから、へぇって思った。
通常:right center
hover時:left center
背景画像のかんじもいいね。
コメントを残す