MoChiwakiブログ

若手女性エンジニアがゆる~く書く備忘録ブログ

片手間に適当に作ったcss 

CMで

3ぱぁぁぁぁ

ってのあるじゃないですか。可愛いから作ったwww

マウスオーバーで
ぱぁぁぁぁってなりますww

youtu.be

CSSメモ

hover
あるところに触れると違うところが動き出す

体に触れた時に3本の毛が立ちます。

実際毛に触れただけでは何も起こりません。

  div.parkun:hover + div.par1{ } 

↑の" + "は隣接しているセレクタに使えます。
div.parkun(体)に触れた時、div.par1(毛)が動きます。

 div.parkun:hover ~ div.par2{ }  

↑の" ~ "はそのdivの下にあるものに使えます。