برعکس کردن کد

[moghimi]

با سلام به دوستان

یه کد پیدا کردم! که عکس محصولات رو سیاه و سفید می کنه و وقتی موس رو می بری روی عکس محصول رنگی نشون می ده ( مثل اولش)

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

 

 

img { filter: url("data:image/svg+xml;utf8,

type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/>

#grayscale");

/* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }img:hover

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

کدها یا استایل آماده دیگه هم توی نت هست؟

اسم این کار چیه؟

ممنون

[دانوش]

این از طریق svg انجام میشه و فقط تحلیل فایلش میگه که چی نوشتن و چطور عمل میکنه

 

Sent from my Xperia using Tapatalk pro

[fmmajd]

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

[moghimi]

خب برای اینکه روی عکس محصول موس بره و عکس دوم برو نشون بده باید چه کار کرد؟

این svg چی هست؟ اسم این کار چیه؟

[دانوش]

Svg یک نوع زبان بر اساس xml برای رسم برداری هست. برای نمودارها و فونت هم استفاده میشه.

برای svg در گوگل جستجو کنید. آموزش هم به فارسی و هم انگلیسی پیدا میکنید و میتونید خودتون افکت های رنگ یا انیمیشن ایجاد کنید

 

Sent from my Xperia using Tapatalk pro

[admin]

از فیلتر grayscale در css3 هم میتونید استفاده کنید که فقط در مرورگر کروم نشون داده میشه