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












 
 
 試行576 下線と縦棒が別々のノーマル矢印
ここから下は下線と縦棒がセットのもの【こっちを使う】
 試行577 ノーマル矢印(必要なコードだけ残している[不採用])
 試行578 ノーマル矢印(各セル下にすべてのコードが入っている) 
 試行579 above矢印(各セル下にすべてのコードが入っている)
 試行580 below矢印(各セル下にすべてのコードが入っている)
 試行581 ノーマル矢印を複数表示(試行577の応用、各セル下にすべてのコードが入っている)
 試行582 ノーマル、above、belowを複数表示(試行578,579,580のミックス、各セル下にすべてのコードが入っている)

 
 
 

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