hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

いつかやってって言われそうなエフェクトメモ

いつかやってって言われそうだから調べたやつ、すぐわすれるメモ。

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

背景画像のかんじもいいね。


投稿日

カテゴリー:

,

投稿者:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください