h2 { background: linear-gradient(transparent 0%, #d3d3d3 100%); } お手上げ 【CSS】radial-gradientのサイズをアニメ変化させてみます【実験】 - Little Strange Software をやってみようと思い昨夜遅くまで頑張ってみました。途中何度かLSSさんに助けて…

h2 { background: linear-gradient(transparent 0%, #cca6bf 100%); } 背景模様生成ツール .rpcnc{ height:400px; background-image:repeating-conic-gradient(from 0deg at 0% 94%,#ffffff 0deg 89.9deg,#dcdcdc 90deg 180deg); background-size:5px 8px; }…

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

@keyframes divers{ 0%{background-position:-800px 0px,0px 600px,0px 0px;} 100%{background-position:-1640px 1680px,0px -1080px,0px 0px;}/*ダイバー画像２種の変化後の位置を800の倍数で指定*/ } article{ background-image:/*ダイバー１、ダイバー２…

h2 { background: linear-gradient(transparent 0%, #cdb7d2 100%); } 少しずつ咲いています @keyframes hbtk0{ 0%,40%{transform:rotateX(-5deg) rotateY(0deg);} 100%{transform:rotateX(50deg) rotateY(-360deg);} /*rotateX＝周回軌道の上下の傾き*/ } @…

@keyframes hbtk0{ 0%{transform:rotateX(100deg) rotateY(0deg);} 50%{transform:rotateX(30deg) rotateY(-180deg);} 100%{transform:rotateX(100deg) rotateY(-360deg);} /*rotateX＝周回軌道の上下の傾き*/ } @keyframes hbtka{ 0%{transform:rotateY(90d…

昨日、LSSさんお忙しいのに教えていただきながら、『，』を書き忘れると言うヘマをやってしまいました。数字なら『，』が抜けても読めますがコードはそうはいきません。LSSさん,のんべえさん、nonさんお世話になりました。のんべえさんには、今日のブログに…

h2 { background: linear-gradient(transparent 0%, #d3d3d3 100%); } 庭の花を摘んで・・・。 夕食前の時間になっても外は明るい。Ｒに「庭に出て花を切ってもいいですか？」と聞かれました。「どうぞ。バラは切らないでね。」と言うと「切り方 知ってます…

朝起きてびっくり。何度びっくりしたことでしょう。ビックリの元はLSSさん。予想を超えた速さです。蝶が羽ばたいています。羽が長くなり過ぎましたが・・・。朝から夢中で遊んでしまいました。 article{background-image:url("https://cdn-ak.f.st-hatena.co…

庭に花が咲き始めると誘われたように虫たちがやってきます。 蝶は見ていてきれいで、面白い。 けれどパセリやバラの葉に産卵します。 卵は孵化し幼虫に。 幼虫は食欲旺盛で油断するとパセリが茎だけになってしまいます。 でもそんな成長過程を眺めることも楽…

パラソル支柱の上部左が開花一番目のバラ 朝から青空。陽の当るところは暑いけれど、日陰は風もあり心地よい。ノートパソコンでありながら部屋から部屋への移動のみでした。庭のハーブも伸びてきたのでハーブティーを入れ、パラソルをたて、パソコン片手に庭…

h2 { background: linear-gradient(transparent 0%, #dcdcdc90 100%); } オルレア ようやく咲きだしました。一鉢のオルレアホワイトレースがこぼれ種で庭中に広がり一時、庭中が真っ白になった時がありました。 今は少し整理し、落ち着いてきています。 h2 {…

またやってしまいました。いつも時間のある時に、自分の出来そうな事を探しています。一つ一つやってはダメ、あー出来た・・・その繰り返しです。私のささやかな遊びです。今日もいつものように遊んでいました。非公開のテストブログで。ころが表示されるは…

h2 { background: linear-gradient(transparent 0%, #cca6bf 100%); } コピペで遊ぶ @keyframes kitesaru{ 0%{background-position-x:0%;background-position-y:100%;} 30%{background-position-x:50%;background-position-y:50%;} 80%{background-position-…

h2 { background: linear-gradient(transparent 0%, #cdb7d2 100%); } 起きてみると 昨日は暖かな一日で久しぶりに庭仕事。超軽作業でも疲れたのか、10時にはベッドへ。娘が退院後、私が二階の娘のベッドで寝ているので、階段は気を付けています。いつもの事…

.pichons{ width:300px; height:40px; background:radial-gradient(at 70% 25%,#ffffff80 10%,#ffffff00 13%),radial-gradient(at 100% 0%,#00000025,#00000000); box-shadow:-2px 3px 2px 0px #00000040; display:inline-flex; align-items:center; justify…

h2 { background: linear-gradient(transparent 0%, #cca6bf 100%); } 反省 19日のLSSさんでの記事に色とりどりに並んだ水滴が可愛く、また画像を入れた水滴もとても素敵でした。でやってみようと、以前撮った山野草の画像を使ってやってみました。ところが…

h2 { background: linear-gradient(transparent 0%, #cca6bf 100%); } 久し振りにマスク作り 同じ区内の小学校でもRの学校は不織布のマスク。Kの学校は布マスクでOKなのです。リバティープリントのカットクロスが4枚あったのでそれを使って二人に4枚ずつ出来…

@keyframes kaiten1{ 0%{transform:rotateY(0deg) rotateZ(0deg);} 100%{transform:rotateY(360deg) rotateZ(360deg);} } @keyframes kaiten2{ 0%{transform:rotateY(120deg) rotateZ(120deg);} 100%{transform:rotateY(480deg) rotateZ(480deg);} } @keyfra…

h2 { background: linear-gradient(transparent 0%, #cca6bf 100%); } 引っ越し のんべいさんの二番目のお嬢さんがお引越しなさるのでその様子をブログに書いておられました。パソコン、家具組み立て、ギター等、ご家族の皆様に頼りにされているお父さんでい…

.linkbtn{ border:1px solid black; border-radius:3px; margin:5px; padding:5px; background:linear-gradient(#9400d3 100%,#fff0f5 52%,#9400d3 100%); text-decoration:none!important; color:#222222!important; box-shadow:2px 2px 5px #888888; } .li…

h2 { background: linear-gradient(transparent 0%, #cdb7d2 100%); } ブログの画像の載せ方 昨日のブログでカーリングストーンの構造図を載せました。miyakoさんから「この図も書いたの？」とコメントいただきヒヤリ。（その書き方がやさしいなーと思いまし…

h2 { background: linear-gradient(transparent 0%, #cdb7d2 100%); } 追記 朝一で、空を眺めながら今日のブログ「今日の天気は？」を、夕飯の献立を考えながら追加の記事を思いつきました。あまり変わり映えはしませんが・・・。昨日のブログで書きましたが…

h2 { background: linear-gradient(transparent 0%, #cdb7d2 100%); } 画像処理でチョコレートを作る練習 その２ 色を薄くしてミルクチョコレート。リボンも作ってみました。 h2 { background: linear-gradient(transparent 0%, #cdb7d2 100%); } 新しいイヤ…

h2 { background: linear-gradient(transparent 0%, #cdb7d2 100%); } 五輪マーク 北京オリンピックが開催されています。思い出しながら五輪マークを作ってみました。当時、2012年ロンドンオリンピックの頃,もう10年前になるのですね。 h2 { background: lin…

.keisen{ line-height:2.0em; background:linear-gradient(transparent 75%,#444488 75% 80%,transparent 80%) 0px 0px/100% 2.0em; } .keisen *{ margin:2.0em 0px!important; } 元旦にＬSSさんの方眼のコードを使ってやっていました。記事タイトルの文字は…

.heart{ height:700px; background: radial-gradient(closest-corner circle at 92% 92%,#ffdddd 99.9%,transparent 100%) 0px 0px/40px 40px ,radial-gradient(closest-corner circle at 8% 92%,#ffdddd 99.9%,transparent 100%) 0px 0px/40px 40px ,conic-…

新年早々、パソコンが不調です。ネットにつながりません。子供のパソコンはつながりますから、私のがダメなのでしょう。 購入してから4年目。トラブル続きです。今、子供のを借りてやっています。しかし、パソコンによって見え方ってかなり違うものですね。

body{ background: radial-gradient(40px circle at 50% 150%,#ffffff 0% 12.5%,#a9a9a9 18.75% 25%,#ffffff 25% 37.5%,#a9a9a9 43.75% 50%,#ffffff 50% 62.5%,#a9a9a9 68.75% 75%,#ffffff 75% 87.5%,#a9a9a9 93.75% 99.9%,transparent 99.9% 100%) 40px 0px…

拘らなければそれなりにいいデザインがあるのですが・・・やはり拘りたい。性分なのでしょうね。すべてに拘っているかと言ったらとんでもない。そんなことをしていたら息が詰まります。完璧などとは程遠いお気楽な道を歩んできました。 ここ数日ブログの記事…