CSSアニメーション



ボタンを押すと、いろいろな定番のCSSアニメーションが表示されます。フラットデザインに動きを加える手法としてCSSアニメーションは便利ですが、当サイトではあまり使用する機会がありません。
では、なぜ試しているのかというと、このブログでどこまで表現できるかを検証しているからです。

2025.08.30 19:42 | pmlink.png 固定リンク | folder.png 試したこと
花がふわふわ降ってくる





花をふわふわ降らせるまではGeminiに手伝ってもらい、
花を1分後に消すのはChatGPTに手伝ってもらいました。
(Geminiは、消すことができなかった)



2025.08.23 14:33 | pmlink.png 固定リンク | folder.png 試したこと
「うにたろ顔文字館」
もし、私が素材屋でなければ、ぜひ使わせていただきたいと思う素材サイトがいくつかあります。

先日、その中のひとつに久しぶりにアクセスしてみたところ、昨年のうちに閉鎖されてしまっていたようでした。そのサイトは、私が素材屋を始める何年も前から運営されていたようで、時々訪れては楽しく拝見していました。掲示板にコメントを残したことも、一度だけですがあります。

もうそのサイトは見られないのですね。本当に残念です。

そんな思いもあって、このページで少しだけ、その素材を使わせていただこうと思います。
Wayback Machine(インターネット図書館)から、いくつかダウンロードさせていただきました。

「うにたろ顔文字館」さんのGIFアニメ 01.gif

「うにたろ顔文字館」さんのGIFアニメ 02.gif

「うにたろ顔文字館」さんのGIFアニメ 03.gif

「うにたろ顔文字館」さんのGIFアニメ 0012.gif

「うにたろ顔文字館」さんのGIFアニメ 0034.gif

うにたろ顔文字館
これらの画像は、「うにたろ顔文字館」さんのGIFアニメです。

手描きのような輪郭がとても味があって素敵ですよね。
このゆらゆらした動きも、とても可愛らしいです。
「おっ・NEW~」や「めぇるくれくれっ」といった表現も、ユーモアがあって楽しいです。

サイトには、「素材を使ってのあらゆる行為を許可します。連絡不要、自由にやってください」と書かれていました。
こうしたスタンスを貫ける方、本当に尊敬します。自分にはなかなか真似できないことです。

やっと、こうして素材を使うことができました。
このページで、少しでも癒やされたいと思います。

やっと完成した
Kent Webさんのブログを設置しました。
今回はかなり時間がかかりました。
レイアウトはもう少し、細かい所もいじる予定です。

設置の際に悩んだ箇所をメモしておきます。
(同じ箇所で悩む人もいらっしゃるのでは?)

今回悩んだのが、「$cf{htmldir} = '..';」の設定です。
ここは、そのままでOKでした。
なかなかブログが反映しないものだから悩みましたが、記事を1つ書いて、そのあと「変更反映」を押せばブログのトップページは表示されました。

私は、解説ページをしっかり読まずに適当にやるタイプなので。^^;

やっと完成しました。やれやれ。
疲れたので、プロフの画像はGeminiに作ってもらいました。

このブログはタグやスタイルシートが使えるので面白そうです。
またいろいろ試してみます。

コメント欄は暫く閉じておきます。
返信もできそうにないので。
2025.08.22 20:25 | pmlink.png 固定リンク | folder.png 試したこと
上に戻る

- CafeLog -