گروه وب طراحان جوان

طراحی حرفه ای سایت جزئی از تخصص ماست

خوش آمدید مهمان 

نمایش یا پنهان کردن سربرگ

کاربر مهمان خوش امدید برای ارسال مطلب در این تالار گفتمان باید ثبت نام کنید





صفحات: [1]
نوسینده عنوان ها :افکت سفید و سیاه (Grayscale) کردن تصویر ها به وسیله CSS
maryamsite-
dar
کاربر جدید
پست ها: 10
Permalink
پست افکت سفید و سیاه (Grayscale) کردن تصویر ها به وسیله CSS
در April 6, 2014, 15:53
نقل قول

افکت سفید و سیاه (Grayscale) کردن تصاویر توسط CSS
برای انجام این کار کافی است کد CSS زیر را به تصویر مورد نظر خود اختصاص دهید. در این مثال فرض بر آن است که شما قصد دارید تصویر در حالت پیش فرض به صورت سفید و سیاه باشد:

 img {
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

و برای آنکه تصویر با موس اور کاربر به حالت عادی و رنگی بازگردد می توانید از کد CSS زیر استفاده نمایید:

 img:hover {
filter: none;
-webkit-filter: grayscale(0);
}

آدرس سورس:
افکت Grayscale کردن تصویر ها به وسیله CSS

http://goo.gl/GxM6FP

صفحات: [1]
Mingle Forum by cartpauj
نسخه: 1.0.34 ; زمان بارگزاری صفحه : 0.008 ثانیه.
آمار سایت
  • کاربران آنلاین : 0
  • بازدید امروز: 2553
  • بازدید دیروز: 2128
  • کل بازدید ها: 3043254
  • تعداد مطالب سایت 48
  • تعداد نظرات کاربران 53
  • تعداد کاربران سایت 59
  • آخرین آپدیت سایت ۰۶/۰۵/۱۳۹۳
  • تعداد نمونه کار ها : 32
نمودار پيشرفت پروژه‌ها‌
  • بهینه سازی سایت انجمن علمی
  • هماهنگ سازی سایت انجمن با وب طراحان
  • طراحی قالب جدید WebTJ.Ir
  • طراحی پروفایل کاربران
  • طراحی قسمت پرسش و پاسخ
  • طراحی تالار های گفتگو
  • طراحی سایت گروه