تبلیغات
.:: مرجع تخصصی آموزش های وب ::. - افکت شفافیت تصویر

.:: مرجع تخصصی آموزش های وب ::.

آموزش برنامه نویسی وب ، گرافیک و فتوشاپ ، قالب سایت و وبلاگ و ...

آخرین مطالب سایت

افکت شفافیت تصویر

سلامی دوباره خدمت شمادوستان گرامی.بااستفاده ازکدی که امروزقراردادم می تونیدباقرارگیری ماوس روی تصاویروبلاگ یاسایت خودمقدارشفافیت ان راتغییردهید.همانندافکت های قبل ،کدزیرراداخل فایل css قالبتون یابین تگ<style>...</style>قراربدید:




مشاهده نمونه

سپس بااستفاده ازکدزیردرقسمت مدنظرتان ازقالب یک تصویرایجادکنید:

<img id="picture-opacity" src="your picture" alt=" ">

مقدار5.درکداول مقدارشفافیت اولیه تصویر(هنگامی که ماوس روی تصویرنباشد)ومقدار1هم مقدارشفافیت ثانویه رانشان می دهدکه میتوانیدانهاروتغییربدید.توجه کنیدکه این اعدادنمی توانندازیک بیشترباشندوبایدیک عدداعشاری کوچکترازیک باشند.سپس به جای عبارت your picture ادرس تصویرراقراردهید.درضمن عبارت قرمزرنگ کدنبایدحذف شود.

دوستانی که می خواهندتمام تصاویروبلاگشون دارای افکت باشه کدزیرروداخل فایلcssوبلاگشون قراربدهند:


یاکدزیرروداخل تگ<head>قراربدهند:

لینک های مرتبط با این مطلب :

how to stop a foot pain گفته است :

یکشنبه 11 تیر 1396 06:30 ب.ظ

This is the right blog for anybody who really wants to find out about this
topic. You understand so much its almost hard to
argue with you (not that I actually would want to?HaHa).

You certainly put a fresh spin on a topic that's been discussed for years.
Great stuff, just excellent!

foot pain getting worse گفته است :

پنجشنبه 8 تیر 1396 08:29 ب.ظ

Loving the information on this internet site, you have done great job on the articles.

plaza.rakuten.co.jp گفته است :

سه شنبه 2 خرداد 1396 10:44 ب.ظ

Pretty! This was an extremely wonderful post.
Thanks for supplying this information.

BHW گفته است :

پنجشنبه 7 اردیبهشت 1396 06:00 ق.ظ

A person necessarily lend a hand to make significantly
articles I would state. This is the first time I
frequented your web page and up to now? I surprised with the research you made to
make this actual submit incredible. Magnificent process!

BHW گفته است :

چهارشنبه 6 اردیبهشت 1396 06:31 ب.ظ

Wow, amazing blog layout! How long have you been blogging for?
you made blogging look easy. The overall look of your web site is
great, as well as the content!

BHW گفته است :

شنبه 2 اردیبهشت 1396 09:26 ب.ظ

I am curious to find out what blog platform you are working with?
I'm having some small security issues with my latest blog
and I'd like to find something more risk-free. Do you have any solutions?

BHW گفته است :

جمعه 1 اردیبهشت 1396 06:45 ق.ظ

Actually no matter if someone doesn't know after that its up to other visitors that they will
help, so here it occurs.

BHW گفته است :

جمعه 25 فروردین 1396 03:48 ب.ظ

I am regular visitor, how are you everybody? This
post posted at this web site is actually nice.

BHW گفته است :

چهارشنبه 23 فروردین 1396 07:06 ب.ظ

Wow, marvelous blog layout! How long have you been blogging for?
you made blogging look easy. The overall look of your site is wonderful, let alone the
content!

manicure گفته است :

شنبه 19 فروردین 1396 10:35 ب.ظ

Pretty nice post. I just stumbled upon your blog
and wished to say that I've truly enjoyed browsing your blog posts.
In any case I will be subscribing to your feed and I hope you
write again very soon!

علی گفته است :

جمعه 13 بهمن 1391 07:34 ب.ظ

کاظم جان دستت درد نکنه خوب شد

علی گفته است :

جمعه 13 بهمن 1391 10:51 ق.ظ

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

کاظم : سلام شمامی تونیدکدزیرروتوفایلcssخودتون قراربدید:
img{opacity:.5;filter:Alpha(opacity=50);}
img:hover{opacity:1;filter:Alpha(opacity=50);}
یاکدزیرروداخل تگقراربدین:

 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر