imgタグ使って埋め込んだ画像をcssの「overflow:hidden;」で隠してリンク貼ったら、スマホでクリックすると後ろの画像の形がちらっと映るのがなんか嫌なので調べたときの備忘録
現象
↓スマホでタップしたときにoverflowで隠した後ろの画像が反応するのが嫌だ（直したい）
imgタグにcss「pointer-events」プロパティを指定
画像に以下のcssを指定すれば直ります
img{
pointer-events: none;
}↓直った
過去にも
pointer-events: none;使ってた
「pointer-events」プロパティ
これを前面に設置した要素に指定すれば、背面のaタグクリックできます。
.前面要素{
...
javascriptでaタグのリンク遷移を無効化する方法
aタグにjavascript:void(0)を設定するだけでok
...
gifアニメーション作ってみたけどうるさいな
▼gifアニメーション作ったサイト（ダウンロードするのに会員登録必要）
https://gifs.com/
細かい調整はphotoshopでやった。