تار کردن عکس

[ahadto 806]

سلام

آیا افکتی توی css هست که عکسها رو تار کنه، مثل عکس زیر:

http://mobser.ir/sdfadad/

یا اینکه باید دون دونه توی فتوشاپ این کار رو کنیم؟

[Mohammad 1620]

خدمت شما:

filter: blur(5px);
// Browser Specific
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);

[ahadto 806]

من به طور مثال اینجور استفاده کردم ولی کار نکرد:

.logo img {
filter: blur(5px);
// Browser Specific
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px)
}

[Mohammad 1620]

اینطور که تو سایتها نوشته این قابلیت رو فقط کروم و سافاری ساپورت میکنه.

[ahadto 806]

با کروم امتحان کردم نشد!

[Mohammad 1620]

منبع:

http://tutorialzine.com/2012/06/quick-tip-css-filters/

[ahadto 806]

توی منبع اینجور نوشته بود و من هم وارد کردم کارد کرد :

-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);

توی کروم کار کرد و توی آی ای خیل ضایع شد و توی فایرفاکس اصلا کار نکرد، راهی نداره که حداقل توی فایرفاکس درست شه؟

[Mohammad 1620]

این کدها که عین پست قبلی بود..

این قابلیت باید توسط خود فایرفاکس اضافه بشه. ضمنا هنوز خیلی از قابلیت های CSS 3 به مرورگرها اضافه نشده:

http://www.w3schools.com/cssref/css3_browsersupport.asp

[Mohammad 1620]

البته با جی کوئری هم میشه:

https://github.com/finom/jQuery-Gaussian-Blur

[ahadto 806]

نه یه خورده با قبلیه تفاوت داره، یه خطش که اصلا نیست و یه خطش هم جابه جا شده، جی کوئری هم اصلا حرفشو نزن، همینجوری وبم داره کمرش میشکنه

[ahadto 806]

یه سوال کلی، یه سایت جامع معرفی کنید که این استایلها رو به صورت جامع و کامل داشته باشه، البته تصویر و دمو هم داشته باشه که بفهمیم چی هستن

[Mohammad 1620]

خدمت شما:

http://www.w3schools.com/css/default.asp