カーソルをカスタマイズ
カーソルを見失ったことがある人いない？ 窓辺ちゃんはしょっちゅうだよ。
だからカーソルの色や幅を変えたり、それっぽく点滅させたりしてみたよ！
オリジナルのカーソルのスタイルは{ width: 1px; background-color: #000 }でした。
code:style.css
/* カーソルの幅と色替え */
.cursor { width: 3px; background-color: rgba(0,0,0,.6) }
code:style.css
/* カーソルの点滅 https://codepen.io/g12n/pen/FgzEj */
@keyframes blink {
0% {opacity: 0}
49%{opacity: 0}
50%{opacity: 1}
}
.cursor { animation: blink 1s infinite }
https://gyazo.com/be4ff5532f1682be5f188fe7179532f4
どうかな～？ これはプロジェクトのsettingsページに書くより、自分のプロフィールページに書いとくほうがいいかも。
やってみて思ったけど、デフォルトのじっとしてるカーソルと比べると、点滅カーソルは「早く書けよ」って言ってるような気がしなくもない…。
#好みの問題 #UserCSS
初出 2017-09-18