どうも！LSSです！！ ちょっとした思いつきで作ったCSSアニメーションです。 渦巻きアニメーション コード コード解説 あとがき 渦巻きアニメーション 文の頭につけたマークが渦を巻いて回転するアニメーション コード <style>

どうも！LSSです！！ 以前に、【CSS】本をめくる、という動作をCSSで表現してみました。というものを作っていました。 そしてその後、【CSS】本をめくる、のページ追加方法についてにて、ページの追加方法について解説しましたが…これが不親切極まりない！^^…

どうも！LSSです！！ ８月ももうすぐ終わりですね。 今日は前髪がだいぶ伸びてきていたので、やっと散髪にいってきました！ 出かける時は、たいてい市バスを利用するんですが、 三宮に出る際によく使う市バスが２種類あります。 ９０系統と９２系統っていう…

どうも！LSSです！！ ちょっと変な文章アニメーションを作ってみました。 2021/8/29追記Windows＋GoogleChrome環境で動作確認していますが、FireFoxやSafariなどで正常に動作しないようです^^; サンプル コード コード中、最後のpタグ あとがき サンプル あ…

どうも！LSSです！！ ちょっと何がしたいのか、LSSにも分からないシリーズ（？） little-strange.hatenablog.com の続き、です。 2021/8/29追記Windows＋GoogleChrome環境で動作確認していますが、FireFoxやSafariなどで文字のほうが正常に動作しないようで…

どうも！LSSです！！ 先日、 little-strange.hatenablog.com という記事をあげていましたが、少しそれに手を加えてみました。 サンプル コード やった事と言えば… サンプル コード <style>

どうも！LSSです！！ 「カードをめくる その３」、前回の「その２」は little-strange.hatenablog.com 一年前の記事でしたｗ その後、そのアレンジ版として、 little-strange.hatenablog.com というのも作りました。 補足説明記事→【CSS】本をめくる、のペー…

どうも！LSSです！！ 先日の記事、どんなお話でも怪談に変える方法のコメントに、 カメさん(id:tn198403s) マザーグースには、この記事のような歌があります。 Three wise men of Gotham,They went to sea in a bowl,And if the bowl had been strongerMy so…

どうも！LSSです！！ ちょっとCSSでなにか（ってなに？ｗ）を作るにあたり、試してみたい事があったので試してみました。 縦横比3:4とoverflow:hidden;を試してみました 外側のdivについて 内側のdivについて 知っていたはずなんですがｗ 縦横比3:4とoverflo…

どうも！LSSです！！ とっっっってもくだらない事を思いついてしまいました。 どんなお話でも怪談に変える方法 例えば。 「むかしむかし、あるところに、おじいさんとおばあさんが住んでいました。 おじいさんは山へ芝刈りに、おばあさんは川へ洗濯に行きま…

どうも！LSSです！！ はてなブログの「月別アーカイブ」を見ながら、ふと思いつきました。 https://little-strange.hatenablog.com/archive/2020/8 URLはこんな風に、末尾に /年/月 がついていますが、これに「日」を加えると…？ 一日だけのアーカイブ スク…

どうも！LSSです！！ あるCSSの詳細な解説記事を書こうと思い、脳内で構成を考えていたのですが、その説明の過程で「HTMLの親子関係」に触れる必要があるな、と思いました。 親子関係、というのは例えば、 <p> <span>月が</span> <span >綺麗ですね</span></p> というようなHTMLコードがあった…

どうも！LSSです！！ 久しぶりの【まいくらにっき】です。 （なかなかプレイする時間が取れない、というのもあります^^;） アメジストジオード 地下に生成されるアメジストジオードを見つけやすい方法 ダブルアメジストジオード！？ 今回は水抜きも、水との…

どうも！LSSです！！ 昨日の記事、 【CSS】突然ですがクイズです！ - Little Strange Software ですが、コードの簡略化に成功しました^^ 問題の追加がやりやすく、文字数も少なくできるようになっています。 ついでに、選択肢の後に「説明文」をつける事もで…

どうも！LSSです！！ ふと、「JavaScriptを使わず、CSSだけでクイズシステムを作れないか？」と思いついてしまい、作ってみちゃいました^^ 選択肢をクリックすると〇か×がつく、というだけのものですが、とりあえず遊べますｗ 突然ですがクイズです！ コード…

どうも！LSSです！！ 先日の記事、 で既にめくる事ができる本を作っていただいており、そこから新たに読者登録していただいた方までおられます。 とってもとっても、ありがとうございます^^ www.421miyako.com non704.hatenablog.com で、その「本をめくる」…

どうも！LSSです！！ 小ネタ、なんですが、CSSでちょっと思いついた簡単なネタがあって、やってみたらすんなりいけました^^ 簡単なコードですが、結構綺麗に描けていますね。 GOLDEN BALL ついでにSILVER BALL border-radius:50%;を使って円を描く 改変使用…

どうも！LSSです！！ 【CSS】グラデーション文字をアニメーションしてみました - Little Strange Software 【CSS】グラデーション文字 応用編 - Little Strange Software でサンプルとして使用していた「きんきらきんのきーん」ですが、背景がグレーの枠に入…

どうも！LSSです！！ ちょっと思いついた事があって試してみたのですが…うまく行きませんでした^^; 変化しない例 期待した動作 でも、ひょっとしてひょっとすると？ 変化しない例 色は変化しない コード <style><!--#rng[value="1"]~#rng1{color:blue;}#rng[value="</style>…

どうも！LSSです！！ 昨日の記事のために、即興でミニストーリーを作りましたが、その余波でもうひとつお話を思いついてしまいました。 が、これは「自作小説」といっていいのかどうか？ｗ 黄金の筒 あとがき 黄金の筒 とあるラボに、奇妙な物体が持ち込まれ…

どうも！LSSです！！ 以前から「実現できそう、いつかやってみたい」と思っていたものが完成しました！ Webページ上に置いた本の「ページをめくる」動作を、JavaScriptを使わずにCSSで表現してみたんですね。 ぜひ、クリックして遊んでみてください^^ 本をめ…

どうも！LSSです！！ たまに、ソロパフェに挑んだりしています。 500円のパフェ pic.twitter.com/kwUPAdfYEw— LSS (@LSS0324) 2021年8月9日 突如として巻き起こるパフェ欲！w pic.twitter.com/F566pXIFG5— LSS (@LSS0324) 2021年7月27日 普通の喫茶店などで…

どうも！LSSです！！ その昔…もうどんだけ昔だったかも覚えていないのですが…。 別に読みたい漫画があって、少女向けホラー漫画雑誌を手に取りました。 雑誌なもんで、お目当ての漫画以外にも色々と掲載されているのですが、そのなかにひときわ、グサァッと…

どうも！LSSです！！ 【CSSサンプル】text-shadowが霧散するサンプルを作ってみました【小ネタ】 - Little Strange Software のコメント欄にて、 421miyako(id:m421miyako) いいですね。カーソルをあてると、四方八方に星が飛び散るなんていうのはどうでしょ…

どうも！LSSです！！ 【CSSサンプル】ふりむきカーン【ほぼジョークｗ】 - Little Strange Software でoutlineのオーラが広がって消えていくものを作りましたが、 「text-shadowとanimationを使えば、文字がまとったオーラが動く様子が表現できるのでは？」 …

どうも！LSSです！！ なんとなく。 現在のブログステータスを公開してみたりします。 先日、700投稿を超えてた話をしたばかりですが、投稿日数はもうすぐ700。 読者登録してくださった方は450名様と、ちょっとキリが良い数字になっていますね^^ コメントが（…

どうも！LSSです！！ ゲームのジャンルに「アドベンチャーゲーム」というのがあります。 プレイヤーの置かれている状況から、どんな行動をとるか？を選択し、ストーリーを進めていく。 コンピューターゲームの場合、ストーリーの展開する種類は有限ですが、…

どうも！LSSです！！ さて、何を書こうか…とふと、「ブログの概要」を見たところ…投稿記事数が「700」ちょうどになっていました！ （昨日の記事が700記事めで、この記事は701記事めって事になりますｗ） そして「こよみモード」で見るとちょうど一年前の記事…

どうも！LSSです！！ かなり以前…LSSがはてなブログを始めてまだ数か月？ぐらいの頃だったかに、 「はてなブログの通知機能、より多く見る事はできないか？」 という話題が近辺でありました。 GoogleChromeの拡張機能に、Chrome自体にはてなブログのお知らせ…

どうも！LSSです！！ 【CSS】カタカタ自己主張する見出し（なのに照れ屋さん） - Little Strange Software の３Dバージョンを作ってみました。 カタカタ自己主張する見出し・３Dバージョン コード カタカタする動きを指定している部分 あとがき カタカタ自己…