jquery - 軸 X のみをぼかします

Question

こんにちは、Jquery や CSS3 で軸 X だけでぼかし効果を作ることはできますか?

jquery で CSS3 フィルターと .blur を見つけましたが、X と Y にぼかしがかかります。必要なのは X だけです。

それに対する解決策はありますか？

Answer 1

blur()ガウスぼかしで全方向性であるため、方向制御はありません。

特定のエッジの周りでボックスをフェードアウトさせたい場合は、box-shadow代わりに使用することを検討することをお勧めします。