LSSさんのコードの波紋を自分の画像に載せるには・・・LSSさんのコメントから ・background-colorの指定を削除 ・radial-gradientがカンマ区切りで並んでいるところの最後に「url(画像ファイルURL)」を追加 ・keyframesの0%時・100%時、それぞれの内容の最後…

LSSさんのカードをめくるその２は、画像を入れるためのコードではありませんでしたが、そこに無理やり画像を入れると・・・ ←これは画像です ↑下の余白が他の３つよりやや広くなります。このままでも楽しめますが・・・ちょっと気になります。 LSSさんにお聞…

画像を最初の場面に入れるのは「omote」がひっくり返した文章になるので、「ura」に画像のURLを入れます。 <div class="card csize"><input id="tg01" style="display: none;" type="checkbox" /><label id="omote" class="fuda csize" for="tg01">めくると出てくる文章</label><label id="ura" class="fuda csize" for="tg01"></label></div> ↑ この><の間です。 入れた後、「hatena-fotolife」は…

ワクワクするコードを披露して下さるLSSさんへのお礼に作ってみました。

LSSさんの「1000」のconic-gradientを遊んで、部分背景にしてみたけれど、この色合いだとちょっと読みにくいかもしれない。 先日の「お掃除ロボット」のブログを古いiPadminiで見てみたら・・・ なんとロボットがこんなに大きく表示されました。ＰＣ、スマホ…

相方の写真フォルダに蝶の画像を見つけたので・・・(^^) しゃぼん玉も、思い出の写真版も作ってみました。 ・・・でも蛍は凄い。

蝶はカーテンの手前に来るiPhone不具合を直すには・・・ divタグ群全体を、<div style="position: relative;">と</div>で挟む