試行錯誤ページ571 ブロリバ(ワク入り)修飾矢印を時間差で出現、消す3












function setHrefを1~5、id=shushokuLinkを1~5にしている
 
 

↓検証用(1~5に派生させたので動かない)


↑animationとopacityだけのcss



↑disappearには時間差入れていないし、transparentを使っている




↑ fadeinのコードをどこに書いても同じ結果




↑ fadeoutのコードをどこに書いても同じ結果、transparentではなくyellowgreenのまま
検証用ここまで

 
 

矢印だけの使用例setHref1 shushokuLink1

(1人の)少年といっしょに走っている その犬

a broken window 「1枚の 壊された 窓」



↑これを使う(padding: 5px入っている)
同じclass名だと同じ動きをする

 
 

もどる矢印だけの使用例setHref4 shushokuLink4

the dog which ~ ~ ~



↑これを使う(padding: 5px入っている)

 
 

下線だけの使用例setHref2 shushokuLink2



↑これを使う(padding: 0pxにしている)
(1人の)少年といっしょに走っている

↑ spanで文字を挟むと、文字も消えてしまう

 
 

下線+矢印の使用例setHref3 shushokuLink3



↑これを使う(padding: 0pxにしている)

下線と修飾矢印をミックスした

 
 

下線+もどる矢印の使用例setHref5 shushokuLink5



↑これを使う(padding: 0pxにしている)

下線ともどる修飾矢印をミックスした

 
 

下線+2つの矢印の使用例setHref3と5 shushokuLink3と5


下線と修飾矢印2つをミックスした

 
produced by eigoblock

IMG_blokkun-minix2