アニメーションなどを使い最新風?に書いてみました。星をキラキラと降らせます。押し付けているので負荷が軽めかもしれません。大きさ、位置、遅延時間をランダムにしてパラパラと降ってくるようにしています。JavaScript//星を作る関数。多いほど星が多く振ります。}}//星のセッティングをする関数。false)}//使用例。星を50個ふらせます。starMaker(50)アニメーションエンドイベントを使い、星が下まで落ちてきたらその星は消滅し、1個新しい星を生成しています。よって永遠に星が落ち続けることになります。アニメーションがメインです。縦に動きアニメーションと横に回転するアニメーションの二つです。使って位置を上手に設定することで上の橋から下の端まで移動してくれます。単位の使い方がキーポイントかもしれません。}}スポンサーリンクデモ下のフォームの数値を変えると降ってくる星の量を変更することが出来ます。あまりにも多くし過ぎるとブラウザがフリーズする危険性がありますので注意してください。星が邪魔だという場合は数値を0にするとなくなります。流行り始めのころはよく見たエフェクトですね。アニメーションの部分を工夫すれば、雪をチラチラ降らせたり、葉っぱをヒラヒラ舞わせたりも出来そうです。何にせよこんな露骨な使い方では嫌われますので使うときはオシャレに使いたいです。Websitejshttps://q-az.net/javascript-kirakira-stars-effect/とても素敵なアニメーションなので、参考にさせていただこうかと思い、上記に記載のJSとCSSをコピペさせてもらったのですが、アニメーションが始まりません。仕方がないのでソースコードすべてをhtmlの欄に張り付けたところ再現はできたのですが、どの部分が足りずに上記に記載のJSとCSSだけで実現できないかわからないのですが、どこか足りていない部分がありませんか?(削除)htmlを削除してもらうとアニメーションがなくなります。13:48ReplyzzJSコードは//星を作る関数。多いほど星が多く振ります。}}の部分から記述してもらわなければこのコードは動きません。商用利用に関しては一切の責任は負えないのでその点だけご了承いただければご自由にご利用いただいて構いません。JavaScriptコード自体をそのまま、または微改変を加えた状態で紹介される場合も特に制限は設けていませんがあまりいい気持ちがしないということだけ言っておきます。リンクの方は貼ってもらえればありがたいですが商用ということなので出来ればで構いません。codepenに当記事をそのまま記事内容(HTML)を貼っておられますが、これに関しては早急に削除していただきたく思います。aboutページ(https://q-az.net/about/)の著作権の項目にも書いて有ることなのでお願い致します。