経験知ロゴ

Obsidianでツールチップにマウスオーバーしたときのバウンスエフェクトをオフにする方法

※本ページはプロモーションが含まれています

Obsidianを使っていると、UIにマウスオーバーしたときのバウンスエフェクトが鬱陶しすぎるのでオフにする方法を紹介します。

設定から変更することはできないので、カスタムCSSを使って実現します。

保管庫毎に設定する必要がある

snippetフォルダが、保管庫内にある.obsidianフォルダに保存されるため、これから紹介する方法は保管庫毎に設定する必要があります。

Obsidianのツールチップのエフェクトをオフにする

保管庫開いた状態で、「歯車」マークをクリック。
歯車

左メニューの「外観」→一番下までスクロールして「フォルダマーク」をクリック。
フォルダマーク

保管庫用のsnippetsフォルダが開かれるので、わかりやすい名前でcssファイルを作成。

僕の場合、disable.cssと名前をつけた。

cssファイルの中に下記を追加し保存。

.tooltip {
  animation: unset !important;
}

obsidianに戻り、リロードマークをクリック。
リロードマーク

追加したCSSが表示されるので、オンにする。
CSSを有効にする

オンにした瞬間に反映されるので、マウスオーバーするとバウンスエフェクトが表示されないようになります。

おわりに

UIの余計なエフェクトは必要ないですよね。

やるとしても設定からオフにできるようにして欲しい。

役に立ったらこの記事のシェアをお願いします

ブログのフォロー・RSS購読は下記ボタンから