_ [Web]曇りガラス風なエフェクト.

iOS 9 以降なら、backdrop-filter で一発ＯＫらしい.

が、「なんにでも使える」状態じゃないとイヤだ・・・・・ってので、頑張ってみた.

普通に１つだけならまだしも、li 要素を float で複数、横に配置したのに適用したい！と・・・・

かつ、要素を選択・非選択で大きさを scale を使って弄っていたりする.

で、背景は ::before に background-size : cover で可変対応に、と云う状況下.

まずは li の ::before に background-image で「同一画像」を指定して表示.　合わせて opacity と blur も.

javascript で諸々の設定値を取得、背景画像本来の解像度のみ固定値で持たせておき、background-size と background-position で設定すべき値を演算して決める.

head に append で style タグを設定値共々指定する（::before は DOM要素じゃないので操作不可）

これで！　やっと！　できた！

設定値、色々なサイズで試す必要があるのが難点だ.

元画像のアスペクト比も考慮にいれないと、 cover 指定が良い感じに悪さする（爆）

気付くのに結構掛かったなぁ・・・・(^^ゞ