رفتن به مطلب

پست های پیشنهاد شده

سلام دوستان

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

7mv5q3trz15ab86hhfn.jpg

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

t79ntseuqikdeur94y5g.jpg

لینک به ارسال

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

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 بزارید و داخلش رو همین لایه شیشه ایی قرار بدید.

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

لینک به ارسال

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

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

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

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

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

ممنون

لینک به ارسال

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

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

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

موفق باشین

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...