マテリアルUIの日付ピッカーhereを使用して日付上にマウスを移動したときにエフェクトを再現しようとしています(ピッカーをトリガするためにテキスト入力をクリックしてから、バックグラウンドは中心から外側に広がります。CSSトランジションで外側からバックグラウンドスケールを作成する方法
私はここからCSSをコピーしようとしましたが、逆の作業しかできませんでした。参照:https://jsfiddle.net/2zkofa0x/3/
マイCSS:
span:hover {
color: #fff;
background: rgba(0, 151, 167, 0.5);
border-radius: 50%;
transform: scale(1);
transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
誰もが、私は色の背景が広がっており、要素(私は上記の持っているものの反対側)の中心から埋めることができる方法を知っているだろうか?
'transition'プロパティを非ホバー状態にして、アニメーションを遷移に適用します。 – jkris
@jkris良いお電話。私は非ホバリング状態への移行も追加しました – Beno