メモブログ

技術的なことを書き連ねるブログ

css

youtubeがopacity:0 では押せなくなっている

css

よくある使い方として、 youtubeをopacity:0 で隠しておいて、画像なりを敷いておき そこをclickしたら、youtubeのモーダルが再生する みたいな仕様はあるあるだと思う。 これは何が良いかというと、PCはapi使えばyoutubeの挙動を外部から制御出来るのだが、…

cssアニメーションで JQueryのfadeIn fadeOutを実装する

css

最近、脱jQueryの流れがあるので、大好きではあるが今やっている案件は、jQueryを使わないで実装することにした。 そこで以外にめんどくさいのがfadeIn fadeOut。 jQueryでは、 opacity:1 → opacity:0 → display:none display:block → opacity:0→ opacity:1 …