動くユーザフラッグ記法
from AIのべりすと創作：イドバタニシ
動くユーザフラッグです
️UserFlag
行も跨いで上下に移動します
ユーザーフラッグ記法がベース
改善点
文字と文字の合間に挟まらないことが多い
最上階層の行&全て全角文字 の時は綺麗に挟まる
それ以外の時は文字と重なってしまう
複数のフラッグがある時、それらがシンクロした動きをしてしまう
Flag1
Flag2
みたいな
偽物くさいので改良したい
方法が思いつかない
行をクリックすると
[+> Flag] と表示されてしまうこの部分をcssで隠すことで解決できることに気がついたが、これをすると本当に判別できなくなるのでやめておく
動きは適当に作りました
もっと良い動きがあれば自由に編集してください
適度にデコイ感があっていい
アニメーション
style.css@keyframes user-flag-moving {
20% { left: 0; }
20.1% { left: 15px; }
40% { left: 15px; }
40.1% { left: 30px; }
60% { top: 0; }
60.1% { top: 28px; }
80% { left: 30px; }
80.1% { left: 120px; }
100% { left: 120px; }
100.1% { left: 300px; }
}
アニメーションの読み込み
style.css.line:not(.cursor-line) .deco-\>.deco-\+:not(.deco-\<) {
animation: 5s user-flag-moving linear infinite;
}
iconを振動させる記法と組み合わせられないかな
UserCSSが日々進化をとげている
これはUserScriptでもなにか一芸せよとのシグナルか
ユーザーの後ろを追尾するUserScriptでも作るか？
逆もイケるのかしら>+
+>
2024-02-23
animation-nameを変更した
lintとformatをした