little_strange https://blog.hatena.ne.jp/little_strange/ Little Strange Software https://little-strange.hatenablog.com/ HTMLなど どうも！LSSです！！ little-strange.hatenablog.com に少し手を加え、水滴が水面に落ちてそこに波紋が広がる、というものにしてみました。 サンプルとコード、そして「LSSがコード改変した手順を長々と」書いています。 水滴落下、からの透過波紋 コード コード改変の流れ あとがき おまけ：波紋の色変更 水滴落下、からの透過波紋 コード <style>@keyframes trwavea{0%{background-size:20px 10px,100% 100%,100% 100%;}95%,100%{background-size:20px 30px,2000% 20… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Flittle-strange.hatenablog.com%2Fentry%2F2022%2F07%2F14%2F233658" title="【CSS】水滴落下、からの透過波紋 - Little Strange Software" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-07-14 23:36:58 rich https://little-strange.hatenablog.com/entry/2022/07/14/233658 1.0 100%