パソコン
縄跳び 修正前・後 昨日、ブログを見てくださった方はこの縄跳びでした。 縄跳びのグリップと手の位置がずれ、縄跳びが上下動し安定していません。 .circle { width: 200px; height: 300px; margin: 0px auto; background-image:url("https://cdn-ak.f.st-ha…
さてこれは？ .hr_g { border: 0; height: 5px; background-image: linear-gradient( -45deg, transparent, transparent 25%, currentColor 25%, currentColor 50%, transparent 50%, transparent 75%, currentColor 75% ); background-size: 8px 8px; } 春…
昨日miyakoさんが紹介してくださったChatGPTで遊んでみました。すぐに答えが出てただ驚くばかり。 以前、ネットで検索してコピペでOKとなっていても何もできないことがありました。私にとっての難問を聞いてみました。 「夜空に舞う蛍のアニメーションを作る…
角度を変えると .hr_g { border: 0; height: 8px; background-image: linear-gradient( -45deg, transparent, transparent 25%, currentColor 25%, currentColor 50%, transparent 50%, transparent 75%, currentColor 75% ); background-size: 8px 8px; } …
@keyframes hbtk0{ 0%,70%{transform:rotateX(5deg) rotateY(0deg);} 100%{transform:rotateX(-9deg) rotateY(-360deg);} /*rotateX＝周回軌道の上下の傾き*/ } @keyframes hbtka{ 0%{transform:rotateY(90deg);} 100%{transform:rotateY(40deg);} } @keyfra…
ちらし寿司 毎年 雛祭り には娘がちらし寿司をつくります。それに蛤の吸い物、スペアリブ・・・など。今日も、いつもと変わらず美味しくいただきました。同じものを息子宅へも。 「毎年、同じものばかりで・・・。」と娘は言いますが、「いいのよ。毎年同じ…
朝食後、やることをやってからPC机に。昼食の準備をするまで私のフリータイム。(朝から晩までフリータイムのようなものですが・・・。）やりたいことがある時はてきぱきと動く私です。 でも夫にはどう見えているのでしょう。 暇そうに見えます？ しばし間が…
article{background:transparent!important;} #menu10{display:none;margin-top:10px;} #tg012:checked~#menu10{display:block;} #ray{ position:fixed; top:0px; right:300px; width:100%; height:100%; pointer-events: none; background-image:conic-grad…
article{background:transparent!important;} 早朝の電話 昨夜からの雨が降り続いています。 7時過ぎに「ババチャン、今日、Rちゃんに家へ遊びに来てほしんだけれど・・・。」とKからの電話でした。 Rは昨日遅かった娘とまだベッドの中。でもRとK は大喜び。…
子供の頃を思い出して・・・。 LSSさんの『本のページをめくる』をやっていて子供の頃ノートの端っこに絵を描いて遊んだパラパラ漫画を思い出しました。 ネットで検索するとパラパラ漫画を紹介しているサイトが、ありました。夢中になって遊んでしまいました…
板チョコ 一か月ほど前に試作品を作ったのですがなかなか先へ進まず、ようやくここまで。おいしそうに作るのは難しいです。 明日は雪の予報 庭の雪も消えかかっているのに明日は雪の予報です。暖房は電気を使っていますが、このところの電力料金の値上がりで…
昨日の続き .hr_g { border: 0; height: 6px; background-image: linear-gradient( -45deg, transparent, transparent 25%, currentColor 25%, currentColor 50%, transparent 50%, transparent 75%, currentColor 75% ); background-size: 6px 6px; } 昨日…
＊画像をクリックしてください、ページがめくれます。
article{background:transparent!important;} 今朝の庭 思ったほど積もりませんでした。 Rは土曜日の代休で今日は学童でお楽しみ会。 その前に玄関先の雪かきをして汗びっしょり。 頭から湯気が。 追記 なかなか上手く撮れません。 水分が多い雪の様です。こ…
私は A と申します。 鏡を見て時々わからなくなるのですよ。 私の顔はどっちなのかなって・・・。 ❤をクリックしてみてください 逆立ちして鏡を見たら、 この顔 ↓ になるのです。 nonさんのブログでLSSさんのコードを見て真似してみました。 CSSで開閉メニュ…
LSSさん、先月19日のコメントを記事にしてくださったのですね。今朝、お邪魔して早速やってみました。コーナーシールはもう少し中まで入れることが出来たらよかったのですが・・・。 .photoa{ position:relative; display:inline-block; padding: 2% ; } .ph…
.aw{ box-shadow:-20px 1px #f0d3c0 ; font-color:#696969;} 白いフチ 同じ画像でも白いフチをつけると雰囲気が変わります。縁の広さでもかなり変わります。影のつけ方を変えてみました。 .a{ box-shadow:-20px 1px #dcdcdc ; font-color:#696969;} .paper{ …
.aq{ box-shadow:-15px 1px #e3c3f3 ; font-color:#696969;} 昨日の続き 切手風を作ってみたくて悪戦苦闘。いつもの事ながらLSSさんが助け舟を出してくださいました。ただ私のやり方でも出来なくはないかも・・・ほんのわずかの可能性あり？？？76歳の誕生日…
.a{ box-shadow:-20px 1px #ffd701 ; font-color:#696969;} 切手切り取り線・・・道半ば 水玉は背景色に水玉作成はLSSさんのコード img{position:absolute;top:50%;left:50%; transfotm:translate(-50%,=50%}; を入れたら画像が背景の中央に来るのではないか…
.container img{ filter: sepia(1);} 妙法育成牧場 昨日のLSSさんのブログで白いフチのある写真を画像加工せずに作るコードを載せておられました。ひところフチなしで現像してもらったりしましたが、今は白いフチの写真が懐かしいです。ついでに画像もセピア…
お題「ちぃさい秋み～つけた！」 .av{ box-shadow:-15px 1px #5f6533 ; font-color:#696969;} バラの枝のピアス バラの枝先に水滴。中にバラの葉と蕾が映っています。 .a{ box-shadow:-15px 1px #a343b5 ; font-color:#696969;} 秋バラ 一昨日は気温が高かっ…
おはようございます。LSSさんの【CSS】姫のスクワット（？） - Little Strange Software のコードで何とかお辞儀風が出来ないかと思いやってみました。 いつもお世話になりありがとうございます。 .balloon1 { position: relative; display: inline-block; m…
article{background:transparent!important;} filter:contrast(.7) brightness(.7); .a{ box-shadow:-20px 1px #810000 ; background: padding:calc(var(--brdw) * 2) 10px; font-color:#696969; 阿波踊り （今日のタイトル「季節外れ」をクリックしていただ…
フラメンコ（もどき） リズムはとても作れないので借り物の画像でカバー。 足元を見ているとフラメンコのようなステップに見えませんか（見えないですね。） @keyframes rzma{ 0%,12.5%,18.75%,25%,37.5%,50%,62.5%,75%,87.5%,100%{transform:translatey(0px…
.a{ box-shadow:-20px 1px #f5c4a2 ; background: padding:calc(var(--brdw) * 2) 10px; font-color:#696969; 涙ぐましい努力 我が家では生きものの番組を好んで録画しています。夫が好きなので私も観るようになり子供たちも。Rも夫と一緒になってよく観てい…
.a{ box-shadow:-20px 1px #dcdcdc ; background: padding:calc(var(--brdw) * 2) 10px; font-color:#696969; 毒キノコ 8月30日のsilk-yさんのブログにナラ枯れの記事がありました。 ナラ枯れした木の根元にこの毒キノコが発生することもあるそうです。 ご注…
.a{ box-shadow:-20px 1px #ffffff ; background: padding:calc(var(--brdw) * 2) 10px; font-color:#696969; 月の満ち欠け 昨日、いただいたコメントの中にLSSさんが「応用して月の満ち欠けができないか？？」と書いておられました。 無い知恵を振り絞って…
.test{border:1px solid black; border-radius: 10px 10px 10px 200px; height:450px; padding:20px; background-image:linear-gradient(lightblue,lightcyan); 昨日今日と暑く、数日涼しい日があったので応えます。メドーセージが咲いています。 花を正面か…
ここまでは出来たのだけれど・・・とがった先を中央に集めて四つ葉のクローバーにしたかったのです。それは今の私には超難しいので、この先の長い宿題にしてとっておこうと思います。 border-radius を使ったら正方形の画像が丸くなってなんだか嬉しくて4枚…
.testq{ border:1px solid gray; height:700px; padding:10px; background: linear-gradient(to bottom right,transparent 49%,#d3d3d3,transparent 51%) 10px 10px/10px 10px ; } 今朝、いつものように朝一でLSSさんのブログにお邪魔しました。丁寧に解説さ…