マウスオーバー

サラリーマンブロガーのふえるです。突然で驚くのよ高校3年生の娘が、Windows11のパソコンに向かって叫びました。突然表示されるウィジェットという機能が気持ち悪いと文句を言っています。特に何にもしていないのにいきなり「こんにちは」と表示されるのが嫌なんだそうです。マウスをあててみなよ1）タスクバーの左側の天気アイコンにマウスをあててみます2）画面の半分以上の大きさでウィジェットが表示されてしまいますいきなりこんにちはと言われても何気なく左下のお天気マークにマウスをあててし

いろいろなWebページを閲覧していると、その中の画像をマウスでクリックしたりポインターを重ねると、その画像が拡大して表示されるものがありますね。Excelシート上にも画像を挿入することができますが、セル内に収めようとするとどうしても小さな画像表示となってしまいます。これを、その画像の上にマウスポインターを重ねると、Webページのように拡大された画像が表示されるようになると確認しやすくなりそうです。これは「メモ」機能を応用した方法でできます。「メモ」については、「Excelコメント、メ

マウスオーバー時にテキストの下にラインが現れるCSS(パソコン)これです。スマホでwebデザイナーさんのサイトを見ていたら使っていたので、アメブロでもできないか？と思いやってみた。ボクが思っていたのはスクロールアニメーションというらしいです。【jQuery】スクロールして可視範囲に入ったら下線を引くアニメーションの作り方スクロールしてテキストが可視範囲に入ったら下線を引くアニメーションの実装方法を知りたい、という方のお悩みを解決する記事です。実際のデモと一緒にコピペで動

ツールチップ「ツールチップ」はテキストやリンク、画像などの補足説明(注釈)をするのにいいと思うんだ。参考にしたサイトコピペでできる！CSSとhtmlのみで作るツールチップ-copypet.jp｜パーツで探す、web制作に使えるコピペサイト。テキストをマウスオーバーすることでツールチップを表示するサンプルです。に設定された「data-tooltip」をチップとして出すものと、で挟んだテキストをツールチップとして表示するものを用意しています。copypet.jpDEMO

クリックできるボタンにマウスポインタが乗っかった時、ボタンが光ったり、色が変わったりする方法。リンクボタンをもっとわかりやすくしたい。(UI)UI（ユーザーインターフェース）:ユーザーとサービスや製品の接点、サイトの使いやすさや見た目を指します。DEMOページを作ってるのでそれを活用したいなと思って、まだまだアメブロを楽しくカスタマイズしたい。「DEMO」をクリックしたらサンプルが見れます。DEMOHTMLにセレクタ名は変えてもいいです。(sample_te

前回書いたのより、もう少し簡単にポップアップするCSSがあるのでマウスオーバーで画像をポップアップする方法『【アメブロ】マウスオーバーで画像をポップアップする方法』以前AIに生成してもらったコードよりもっと簡単にポップアップする方法があったのでやってみた。マウスオーバーで画像をポップアップする方法参考にしたサイト…ameblo.jp参考にしたサイトCSSによる画像のポップアップ(カーソルを乗せたとき)CSSにセレクト(csspop01）は変えてもいいです

画像にマウスがのると吹き出し文字がでてくる。HTMLに(セレクタは変えてもいいです）fukidasiとukidasi1<divclass="fukidasi"><imgsrc="〇〇.jpg"><divclass="fukidasi1">テキスト</div></div>CSSに.fukidasiimg{width:300px;は画像の大きさ.fukidasi{position:relative;cursor:poi

以前AIに生成してもらったコードよりもっと簡単にポップアップする方法があったのでやってみた。マウスオーバーで画像をポップアップする方法参考にしたサイトマウスオ－バーで画像ポップアップ|SIRIUSシリウスCSSホームページ作成ソフト、SIRIUS（シリウス）のスタイルシートCSSのガスタマイズでロールオーバーで画像を拡大させる方法のご紹介です。ai-sol.main.jpCSSに(セレクタは変えてもいいです）/*マウスオーバーで画像をポップア

テキストを入力すると、AIがHTMLとCSSを生成してくれるAIツールがあるらしいので、さっそくやってみる。AICODEたえば「オンマウスで画像をポップアップしたい」って入力してみて「生成する」をクリックでたでた。ほんじゃ、つぎはCSSエディタで確認してみた。＊アメブロの禁止タグにふれないように注意しながら、色々いじって（ChatGPTに聞きながら）なんかできそうな予感がするので、そのままアメブロにコピペ。⸜(*˙꒳˙*

なんか面白そうなのがあったのでやってみよう。「マウスオーバーでキャプションエフェクト」(パソコン画面)画像をマスクしてその上に文字列(キャプション)を表示します。マウスオーバーでキャプションエフェクト参考にしたサイトCSSでマウスホバー時に文字列を表示するエフェクト–いつか誰かの役に立つかもしれないweb制作屋の備忘録これはcssのみのマウスホバーエフェクトで、画像をマスクしてその上に文字列(キャプション)を表示します。今回は割とシンプルな動きのあるものを13

画像にマウスが乗ると拡大したり回転したら面白いかもと思ったのでやってみよう！参考にしたサイトJungleOceanマウスオーバーで画像を拡大/回転させる①画像を描いて220x220・拡大させる②HTMLに記述セレクト名はなんでもいいのですが、moimg1でやってみます。<divclass="moimg1"><imgsrc="〇〇.jpg"/></div>③CSSに記述width:350px;とheight:240px;

こんにちは。奈良市の社労士行政書士の村林です。ここいく日か、頂き物の果物で幸せいっぱいです。だいっすきなシャインマスカット子供達はなぜかジンジャエールに入れておしゃれな飲み物として満喫あとはマンゴー。国産のマンゴーってあるんですね。しかも滋賀県産らしいです。そんなところで作れるんやって驚きそして美味しすぎてまたびっくり。どっちも最高に美味しいですで、本来業務からは離れますが、ここのところちょっとだけ賢くなった

こんにちは～マウスオーバーしたら画像が拡大できるよとティナちゃんから教えてもらってバタバタしてたのでなかなか出来なかったんですが先日まあみちゃんも「ちるちるちゃんも忘れずできるように記事書いといた」と言ってくれ今日時間ができたので機械音痴の私２～３時間はかかるだろうねえと覚悟を決めてやってみたらなんとあっさりできちゃった～γ(▽´)ﾂヾ(｀▽)ゞなんと私がこんなにあっさりできちゃったのもティナちゃん記事

リアルタイムピグとは、ピグできせかえた情報がリアルタイムに反映されるもので、画像やHTMLタグを含めたものを指します。全身サイズは4種類、顔だけは2種類から選べます。右向き、左向き、影あり、影なし、なども選べます。アクションは現在15種類と豊富に揃えています。※見つかり次第追加しています。マウスオーバーによる画像の切り替えにも対応しています。アメーバー関連のURLにリンクも貼れます。例えば、こんなのが、メニューを選択するだけの簡単な操作で作れちゃいます。左の画像は、ピグの