パソコン

いたずら と ワンピース

私は 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さんのブログにお邪魔しました。丁寧に解説さ…

雨模様

article{background:transparent!important;} .bkdn{ height:30px; padding:10px; background: linear-gradient(to top right,transparent 48%,green,transparent 52%) 0 0/25% 20px no-repeat, linear-gradient(to top left,transparent 48%,green,transpar…

季節外れ

季節外れの連凧。足(ひらひら)もついていないからこんなにうまく跳ぶはずがありませんね。でも朝から遊んでしまいました。 article{background:transparent!important;} bgtxt=''; for(i=0;i @keyframes stardragonx{ 0%{background-position-x:0%;} 100%{…

初収穫

茗荷 毎日、まだか、まだかと待っていた庭の茗荷。ようやく収穫出来ました。大小(極小もあり)取り混ぜ33個。スーパーで並ぶ茗荷とは大違いですが庭で採れたとなれば 味は格別。昼食の素麺の薬味として早速登場。夫も大喜び。 もうびっくり 昨日の朝から、…

地球と月(またまた再更新)

昨日までちゃんと見えていた地球と月が今朝は地球が下がって見えています。何故かわかりません。編集みたままでは昨日と変わりませんが、プレビューにすると地球が下がって見えるのです。とりあえず数値を変えてまともに見えるようにしました。時間が経過す…

新しいことをやるのは楽しい

.koe { position: relative; padding: 20px; background-color: #afeeee; border-radius: 15px; margin-left: 70px; } .koe::before { content: ''; position: absolute; display: block; border-radius: 50%; background-color: #afeeee; left: -35px; bott…

動きがぎこちない

今朝起きて何度目のびっくりだったことでしょう。LSSさんの昨日のブログはまるで誰かさんの為に書いてくださったように勝手に解釈しました。これは頑張らないわけにはいきません。でもやる気だけでは解決しない問題が山積み。やってはみましたが、何故か動き…

バンジージャンプ

body { margin: 0; } p { margin: 10px; } .container { position: relative; background: #000; width: 100%; height: 900px; filter: hue-rotate(330deg) brightness(200%); } .blend-area { width: 100%; height: 100%; filter: blur(10px) contrast(20);…

今日は海の日

@keyframes bgca{ 0%,20%,100%{background:#83ccd290;} 25%,45%{background:#89c3eb90;} 50%,70%{background:#a0d8ef90;} 75%,95%{background:#bce2e890;} } .bgc{ border: 1px solid; animation: bgca 15s linear infinite; } お世話になりました。 LSSさん…

雨が変身

@keyframes bgca{ 0%,20%,100%{background:#83ccd290;} 25%,45%{background:#89c3eb90;} 50%,70%{background:#a0d8ef90;} 75%,95%{background:#bce2e890;} } .bgc{ border: 1px solid; animation: bgca 15s linear infinite; } かき氷 流れ星や雨は皆さん作…

コピペと言えど・・・。

@keyframes bgca{ 0%,20%,100%{background:#83ccd290;} 25%,45%{background:#89c3eb90;} 50%,70%{background:#a0d8ef90;} 75%,95%{background:#bce2e890;} } .bgc{ border: 1px solid; animation: bgca 15s linear infinite; } タイム このタイムはグランド…

コアラが逃げ出しました

@keyframes bgca{ 0%,20%,100%{background:#83ccd290;} 25%,45%{background:#89c3eb90;} 50%,70%{background:#a0d8ef90;} 75%,95%{background:#bce2e890;} } .bgc{ border: 1px solid; animation: bgca 15s linear infinite; } 逃げ出したコアラ 昨日LSSさん…

コアラ

.cboxElement{background-image:url("https://cdn-ak.f.st-hatena.com/images/fotolife/m/mio20100501/20220707/20220707200327.png")!important;} @keyframes fbk{ 0%{background-position-x:110px;} 100%{background-position-x:113px;} } @keyframes fbkd…

七夕

@keyframes bgca{ 0%,20%,100%{background:#83ccd290;} 25%,45%{background:#89c3eb90;} 50%,70%{background:#a0d8ef90;} 75%,95%{background:#bce2e890;} } .bgc{ border: 1px solid; animation: bgca 15s linear infinite; } 星空 今、街中でどれくらいの…

感謝

昨日は蒸し暑く夜になっても涼しくならず、LSSさんの「波紋に画像を入れる」も出来なくて早くにベッドに。 今朝、いつもの時間に目が覚めLSSさんのブログにお邪魔すると「ギョギョ」でした。テレパシーが届いたのでしょうか?ありがとうございました。 @keyf…