little_strange https://blog.hatena.ne.jp/little_strange/ Little Strange Software https://little-strange.hatenablog.com/ HTMLなど どうも！LSSです！！ CSS小ネタとして、跳ねるボールを作ってみました。 と、ボールが跳ねるようなものはこれまでにも作っていましたが、「着地して跳ね返る時に横長にひしゃげる」という細かい芸を入れています。 跳ね続けるボールとfloat:left; コード 色々… 跳ね続けるボールとfloat:left; ボールが跳ね続けます。 そして、float:left;を指定しているため、それ以降の文章がこのように回り込むカタチになります。 float:left;の一行を削除すると、横に文章が並ぶ事がなくなります。 コード <style>@keyframes bnda{0%,100%{backgroun… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Flittle-strange.hatenablog.com%2Fentry%2F2022%2F09%2F23%2F231314" title="【CSS】跳ね続けるボールとfloat:left;【小ネタ】 - 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-09-23 23:13:14 rich https://little-strange.hatenablog.com/entry/2022/09/23/231314 1.0 100%