کد شیشه ای کردن تصاویر

[Akbar 441]

سلام دوستان

میخواستم ببینم که آیا کدی هست که بشه تصاویر را با CSS یا هر چیز دیگری شیشه ای کرد؟ (به تصاویر زیر نگاه کنید.)

اینجوری بشه (توسط کد)

[Morteza 34190]

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

codecanyon.net/item/shiner-html5-canvas-glow-effects-jquery-plugin/full_screen_preview/952519
www.biscay-charly.com/_plugins/plug_shiningImage/

ولی در کل صفحه سنگین میشه.

یک راه دیگه این هست که شما سطح شیشه ایی رو در فتوشاپ ایجاد کنید و بصورت ترنسپرنت و سفید ذخیره کنید. مثلا با %opacity 30 بعد روی عکس موردنظرتون یک div بصورت absolute بزارید و داخلش رو همین لایه شیشه ایی قرار بدید.

راه راحتتر با فتوشاپ همه عکسها رو ادیت و افکتی کنید

[rezaonline 2655]

با سی اس اس ویژگی opacity

یا میتونین یه رنگ سفید rgba هم استفاده کنین روش

[Helical 244]

اگه اشتباه نکنم با گرادینت css هم بشه این کارو کرد !

http://www.colorzilla.com/gradient-editor/

[Akbar 441]

اخه آقا مرتضی من چند روز پیش یک سایتی رو دیدم که تمام تصاویرش شیشه ای بود!

ولی عکس رو که ذخیره کردم دیگه اونجوری نبود!

و گفتم شاید که با css3 بشه!

-------------------------------------------

اگه میشه شما روش دوم رو در یک تاپیک دیگه با توضیحات کامل بزنید تا دیگر دوستان هم چیزی دستگیرشون بشه! (اگه امکانش هست)

ممنون

[rezaonline 2655]

اگه وقت دارین این کتاب css3 فارسی رو بخونین

http://www.rezaonline.net/blog/wp-content/plugins/download-monitor/download.php?id=14

توی opacity با مثال توضیح دادم .

موفق باشین