はてなブログの自動生成アイキャッチでおみくじをひけるようにした - k-murakami0609の日記

はてなブログの新機能が出てた。 staff.hatenablog.com htmlとcssを書けるんだから何か変なことできるでしょって思って、おみくじ以外を思いつかなかったのでとりあえずやってみることにした。 実装は chatgpt に聞いたらすぐ答えてくれた。animationで頑張れば良いらしい。 .omikuji { font-size: 36px; font-weight: bold; text-align: center; padding: 20px; color: #fff; background: linear-gradient(135deg, #ff7e5f, #feb47b); border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); width: 300px; margin: 100px auto;

[Windymelt]

良い

[AirReader]

最高

[a-know]

面白い

[miyauchi_it]

思わず試したくなるやつ

[mizdra]

0.1s なるほど。現代だったら https://azukiazusa.dev/blog/css-random-function/ 使えたりしないかな。

[ymse]

めっちゃいい

[cohalz]

良すぎる

[psne]

六曜も出したい

[papix]

天才の発想だ