今日も一緒に♪
よつば

YouTubeや自分流写真等々載せて綴る気まぐれblog

浮き上がるブログカード

2019年06月20日
web学習 14

今年買った紫陽花の鉢植えを早々と地植えにしちゃったから
うちの庭の紫陽花はもう見頃を過ぎちゃった


でも、近所の紫陽花はこれからだから、他所の紫陽花で楽しもう♪

音符のついた顔イラスト″>
 <figcaption class=

今日の1曲は 1977年リリース
ビージーズ ♪愛はきらめきの中に♪

青い花

他所のブログで見かけたんだけどね
ブログカードにカーソル合わせたら浮き上がるように見える動き
そんな面白い動きを取り入れたくて、色々ググってみてたの
こんな感じの親切なサイトとかを参考にして、トライしてみたよ♪

【コピペOK】よく使われがちなマウスホバーのCSSパターン10選と作り方 | HPcode

マウスホバーのパターンを10個まとめました。 ホバー時の動きは、基本的には指示がなくコーダーに一任されることが多いので、自分の中で「お決まり」のホバーアクションを決めておくとコーディングが捗るかもしれません。

でね、試してみて こんな感じに出来たよ♪

朝の過ごし方 - チャコと小桃の家

チャコと小桃の朝の過ごし方目覚ましチャコちゃん大声で鳴いてみんなを起こしてご飯も食べて、お腹いっぱいになったらまた一緒に寝んねしよう!って言ってるみたいにベッドの枕付近でウロチョロして優しく鳴きますこもたんは、お腹いっぱいになったらベッドの布団の上で、のんびりお手入れそれぞれに



小さな宇宙人みたいな花 | White Love

今年も この花の写真 撮ってきたよ♪蕊が宇宙人のアンテナに見える可愛い花シコタンソウ(色丹草)分類:ユキノシタ科 ユキノシタ属学名:Saxifraga b...



キャットミント(ネペタ)

涼しげな色合いで、名前も花言葉も好きな花 2019年6月16日  パチ /\_・)  SONYα5100 分類: シソ科 イヌハッカ属 学名: Nepeta x faasse...





いつも見に来てくれてありがとう💕
今日も楽しく過ごしましょうね~~☆~~ヾ.◜ᴗ◝.) マタネッ♪



にほんブログ村 音楽ブログ 今日聴いた曲・アルバムへ   ブログランキングへ

FC2ブログランキングへ

ブロトピ:今日の写真日記
ブロトピ:ブログ見てね
関連記事

気に入ったらシェア!

よつば
この記事を書いた人: よつば
❤ Welcome to my blog ❤
YouTube自動再生ページもありますので
音量にはご注意くださいm(_ _)m

❤ ❤ ❤

この blog の管理人
チャコと小桃のmama よつば です

愛娘(=^・^=)(=^・^=)と
気楽に過ごす専業主婦です(^∇^)/

❤ ❤ ❤

コメント14件

コメントはまだありません

ぷーにゃん  

こんばんは

地植えと鉢咲く時期が違うのですね、
てっきり同じころに咲くのかと思ってました

紫陽花も色んな種類がありますよね(*^▽^*)
ピンクの可愛いです(⋈◍>◡<◍)。✧♡

凄いです~、いろんなことができるのですね🎵

2019年06月20日 (木) 18:59

菜の花  

こんばんは

紫陽花も育ててるのですね。

地植えって良く分らないけど。
地面に植えるの?

今度お花の事もっと教えてね。
それじゃまた来るね。

いつも有り難う。

2019年06月20日 (木) 19:54

ぼっちん  

うんうん(^-^)

よつばちゃん、こんばんは~ ^^

見た見た、ブログカードのホバーアクション d(-_^)ナイス~♪ (笑)

ただ、ブログカードのタッチの仕方で、カードがブルブルブルって小刻みに振動(機械的スイッチング機能エラーで言う チャタリング)が起きるのがちょっと気になる~。
もっとも私が「もっとなんか良い方法があるかも」って思うだけなんだけど(笑)
暇を見つけて、私も真似して別なCSSでやってみよ~っと(笑)

アイデアの紹介をありがとです~ ^^

2019年06月20日 (木) 22:00

幽遠  

こんばんは~!
紫陽花はやっぱりきれいですね(#^.^#)
結構好きなお花です♪
お目にかかれてうれしい

よつばさんはhtml(?)見出しがすごいですね!
ブログって記事と写真だけな感じになりやすいですが
色々工夫されていて、見ていて楽しいです♪
私も専門学校でhtml習ったのですがあまりいかせてないので尊敬します((+_+))

2019年06月20日 (木) 22:17

ポンデリン子  

ホバーアクション???
これまた新しい~(^^♪流石よっちゃんv-22
ホントに色んな事が出来て遊べるよねぇ~
知れば知るほど・・・

如何せん・・知ろうとしないリン子であったぁ~
よっちゃんページで紹介してくれるのを見るのが好きぃ~(^^♪
いつも楽しませてくれて有難うねぇ~

2019年06月20日 (木) 23:34
よつば

よつば  

 ❤ ぷーにゃんさんへ

ぷーにゃんさ~ん ヾ(^∇^)おはよーございまーす♪

地植えで自然に咲く紫陽花は、これから先始める時期なんだけど
春先に鉢植えで買った紫陽花は、すでに花咲き始めてたからね~

ホント紫陽花も種類の多い花だよね~♪
ピンク色の紫陽花はダンスパーティーって名前のガクアジサイだよ♪
しっかり根付いて来年も咲いてくれたら嬉しいんだけどね~

ブログの楽しい所はCSSやHTMLで色んな動きが楽しめるってとこもあるよね
TwitterやInstagramでは出来ない愉しみの一つだねv(*'-^*)-☆

ぷーにゃんさん 嬉しいコメントありがとう💕

2019年06月21日 (金) 09:00
よつば

よつば  

 ❤ 菜の花さんへ

菜の花さ~ん ヾ(^∇^)おはよー♪

うん!紫陽花も育て始めたの♪地植えって地面に植えることだよ
鉢植えのまましばらく楽しんだ後に地面に植え替えるのが良いらしいんだけど
うちの場合、買って間もなく植え替えちゃったから、しっかり根付くか心配だけどね

花のことは、あまり詳しく知らないからgoogle先生のお世話になってるけどね(;´▽`A``
私に解ることがあれば教えるね☆

菜の花さん 嬉しいコメントありがとう💕

2019年06月21日 (金) 09:07
よつば

よつば  

 ❤ ぼっちんさんへ

ぼっちん先生~♪ ヾ(^∇^)おはよーございまーす♪

ヾ(〃^∇^)ノわぁい♪見てくれてたんですね~♪嬉しいなぁ~♪
やっぱり詳しい先生が見ると一目で分かっちゃうんですね!
動きがスムーズじゃなかったのは、transitionを付けてなかったからかな?
今朝、紹介記事を見直して気付いたので、CSSに付け足してみましたが...変わったかな?
ついでにW3Cでvalidationしてみたらエラーばっかりでガッカリでした
でも、直すのも面倒になってそのままにしちゃってますけどね(;´▽`A``

ぼっちん先生にコメントして頂けて嬉しかったデス♡ ありがとうございます💕

2019年06月21日 (金) 09:19
よつば

よつば  

 ❤ 幽遠さんへ

幽遠さ~ん ヾ(^∇^)おはよー♪

幽遠さんも紫陽花好きなんですね!私も好きです(*´▽`*)♡
今年、3種類の紫陽花を植えたので来年が楽しみです♪

ブログってSNSでは出来ないことができちゃうとこが楽しいですよね
CSS・HTMLで平面的なものに動きを加えることが出来るってのが最高に魅力的
キレイなもの可愛いもの楽しい動き、好きをいっぱい愉しめるもんね♡
プログラミングとか難しいことはチンプンカンプンだけどコピペで出来ちゃうのが良いよね♡
幽遠さんも、気が向いたらチャレンジしてみてね~♪ 嬉しいコメントありがとう💕

2019年06月21日 (金) 09:30
よつば

よつば  

 ❤ ポンデリン子さんへ

リンちゃ~ん ヾ(^∇^)おはよー♪

そうそう、ホバーアクション!こういうのってブログだからこその愉しみだよ♪
そして、見やすいパソコンだからこそコピペもしやすくて出来るんだけどね
今の時代はスマホ重視なんだろうけど、パソコンで見るのが一番見やすくて好き♡

そうそう、動きを見るのは楽しいけど、細かい文字のHTMLやCSSを見るのは苦手って人も多いよね
人それぞれの楽しみ方があるから、そういう愉しみ方も良いと思う♡
私の場合、興味を持ったら出来るまでやってみたくなるタイプだからね(;´▽`A``
見て楽しんでくれたら嬉しいよ♪ いつも嬉しいコメントありがとう💕

2019年06月21日 (金) 09:41

ぼっちん  

うんうん(^-^)

よつばちゃん、CSSの修正完璧ですね~ (^-^)//""パチパチパチ

修正前のあのブルブルブル~ってなるチャタリング的動きは、きっと元のCSSを書いたご本人も「意図しない動き」に気がついてないのかもしれない(笑)
だからCSS修正して「フワ~っ」と感を作り出したよつばちゃんの修正がナイスです (^_^)ニコニコ
それによってチャタリングも起きなくなったし d(-_^)good!!

直ぐ対応しちゃうよつばちゃんのWebスキルって、すんごいレベルアップしたよね~ さすがです♪
いつもツッコミばかり入れてごめんなさいね~ (^_^; アハハ…

2019年06月21日 (金) 10:12
よつば

よつば  

 ❤ ぼっちんさんへ

ぼっちん先生~♪ ありがとうございまーすヾ(^▽^)/

すぐに見に来て頂けるなんて、とても嬉しいです♡
CSSの修正、あれで良かったんですね(´▽`) ホッ
色々怖いもの知らずでダメなら戻そうって感じで気軽にイジッてるから
そんなに違いが分からなかったけど、ぼっちん先生にOKもらえて良かった♪

いえいえ!ぼっちん先生に指摘して頂けるってことは、とても光栄なことです☆
足跡は無くても いつも見てくれてるんだな~って嬉しくなります(*´▽`*)♡
ぼっちん先生 ありがとうございます💕

2019年06月21日 (金) 10:59

coconut punch  

こんにちは(^-^)

おぉ~ 動いた~ w( ̄o ̄)w
ブログとかHPとか見てるとよく見かけるよね。

記事に動きが出て思わず おぉっ!(゜o゜)

またまた新しい技をゲット!
勉強熱心で偉い(*^ー゚)b グッジョブ!!

2019年06月21日 (金) 15:08
よつば

よつば  

 ❤ coconut punchさんへ

ココちゃ~ん こんにちは~(^▽^)/

そうそう、他所のブログでねブログカードにカーソル合わせたら浮いたから
そういうアクションもイイナァって思って、色々調べてたんだ~♪
こういうのって、ブログだからこそ出来る愉しみだよね(*´▽`*)

うんうん、やりたいことが出来たときって最高に嬉しいよ♪
ココちゃん 嬉しいコメントありがとう💕

2019年06月21日 (金) 15:43