ایجاد blur به منطقه ای از تصویردر Body

[mehdi.tayebi 171]

سلام.

من یه صفحه دارم که درون Body خودم یک بکگراند منظره قرار دادم و بعدش از اون سمت یک باکس با کلاس wrapper ایجاد کردم که آیتمهای مربوط به فرمهام و پست هام درون اون قرار بگیره .

تصویر زیر دقیقا نمونه اون صفحه ای هستش که داریم .

موضوع اینجاست که این بکگراند من که یک منظره هستش میخوام دقیقا پشت قسمت wrapper اون به حالت blur قرار بگیره . حالا از طریق کدهای CSS یا جی کوئری هم که شده مشکل نیست .

صفحه wrapper من هم دقیقا اندازه 800px در 600px می باشد .

[A-fshin 1936]

درود.بررسی کنید

http://codepen.io/akademy/pen/FlkzB
http://css-tricks.com/frosting-glass-css-filters/