タグ別アーカイブ: SVGアニメーション

2014-05-16 勉強会

svgアニメーションについて。

  • 線に効果をつけるには?
  • 「css animationが使えないブラウザだと、何も見えず、何も起こらなくなって困る」についての対処法

http://manakaa.com/tips.html

↑「SVG LINE アニメーション・応用編2014-05-15」に追記しました。参照して下さい。

visibility:hiddenとdisplay:noneの違い

visibility:hiddenは要素の高さをキープする。display:noneは要素の高さをキープしない。まあ、やってみて下さい。違いがわかりますよ。

疑似クラス

疑似要素でデザインに装飾を加えたりしていますよね。そして疑似クラスというのもあります。よく使う「:hover」というのは、疑似クラスにあたります。その他に「:target」というのもあります。今回「:target」を使ってどんな事が出来るのかやってみました。下記のファイル参照

疑似クラス:targetはこんな事が出来る。