ahmadrezash

سیاه سفید شدن تصاویر

4 پست در این موضوع قرار دارد

سلام دوستان

دوستان عزیز شرمنده که وقتتونو میگیرم ولی حالا که گرفتم خواهشا یه کمکی بهم بکنید.

دوستان من یه سایت به اسم : http://armusic.org دارم و یه قسمت تو سایت زدم به نام special posts که میخوام فقط به تصایر اون قسمت یه افکتی اضافه کنم که وقتی موس روی تصویر نیست تصویر سیاه باشه و وقتی موس میاد روش رنگ خوده تصویر رو بگیره (رنگ واقعی تصویر) ممنون میشم یه راهنمایی کنید و کدشو و طریقه به کار گیری رو بهم آموزش بدید.

مرسی دوستان و استید محترم

0

به اشتراک گذاری این پست


لینک به پست

برای انجام این کار کافی است کد 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);
}

2

به اشتراک گذاری این پست


لینک به پست

برای انجام این کار کافی است کد 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);
}

salam dadash daghighan kojaye ghaleb bezaram da ghesmati ke axha ro gozashtam ya to css ghaleb ?

0

به اشتراک گذاری این پست


لینک به پست

لطفاً فارسی تایپ کنید داخل css

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری