急いでいる時に限って電車遅延するよね

ダイエット・筋トレ・仕事・PC・電車遅延による遅刻

ブログへのCSS定型文作成と表示検証シリーズ2(シリーズ1のお詫び)

おっす tecchankun だす。

 

ココでは、はてなブログCSS適用に関して、随時検証をしております。ペコリ<m(__)m>
今回はお詫びです。前回マウスオーバー時の変化速度「transition」の設定に関して、「delay」では無く「duration」でした!
style属性内に記述しましたら、問題なく動作しました( ;∀;)

 

お詫びの所の検証(transition-duration)

おっす tecchankun だす。

 

方法は<a>開始タグ内に下記を記述

href="#" style="background: gray; color: black; display: block; transition-duration: 5s;" onmouseout="this.style.background='gray'" onmouseover="this.style.background='red'" 

5秒かけてゆっくりと変化していきました。あまり使用するとこ無いかもですが、モヤモヤが解決するだけでも満足です(笑)

 

他にも検証していきますが、調べても実際HTMLだけでできる事が少なそうです(涙)

 

ホント、<head>タグ内に記述出来れば・・・と思いますね。

 

あとは<body>タグ内に<script>タグを埋め込んでjavascriptで記述とかでしょうか?
あぁ、頭が湧いてきました(*´Д`)

 

では、皆さんも良きPCライフを!