Tab移動などに使えるフォーカスアニメーション(サイト制作)
button{
outline: 1px solid transparent;
outline-offset: 5px;
transition: all 500ms;
}
button:focus{
outline: 1px solid rgba(0, 0, 0, 0.5);
outline-offset: 0;
}
outline-offsetプロパティでoutlineとボタンの距離（オフセット）を
指定・変更することで残像のような効果を表しています。
※IE非対応
Author And Source
この問題について(Tab移動などに使えるフォーカスアニメーション(サイト制作)), 我々は、より多くの情報をここで見つけました https://qiita.com/tsuzuki557/items/72d2cb282e7aad352652著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .