صفحه ي اصلي

پست الکترونیک

آرشیو مطالب

پیغام مدیر :

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

درباره من

نـوشـتـن✿
زیبــاتـریـن کـار دنیــاسـت ✿
و زیـبـا تـر از آن ✿
چـشـمـان تـوسـت✿
که آن را مـی خـوانـد✿

************
من یک دخترم✿
تنها تر از خدا آرام تر از نسیم ✿
مادرم سیب خورد✿
و زندانی شد ✿
ودر آرزوی آزادی نامم را رهــــــــــا نامید. ✿

***********
سلام من رهاناز هستم✿
متولد 73/10/02✿
تو استان کرج زندگی میکنم✿
از این که این وبلاگ و انتخاب کردید✿
نهایت تشکر و دارم✿
این وبلاگ قانونی نداره جز✿
احتــــرام متقابل✿
شاد و سربلند باشید✿◠‿◠)

***********
رها رهاست✿
حتی اگر همه دنیا قفس باشد✿
حتی اگر کبوترها هم نتوانند نفس بکشند✿
حتی اگر اکسیژنی نباشد برای زنده ماندن✿

لینک دوستان

قالب وبلاگ

لينک وب سايت هاي بافق

لينک هاي مور نياز

وبلاگ نویسان

سایت جامع فرهنگی مذهبی صباحت

آپلود دات آی آر

فضای رایگان عکس و فایل

جملات عاشقانه متن عاشقانه

رویای من

چــ ـشمـهـای وحشـ ــی

جدیدترین مطالب

کانال تلگرام بارونی ترین احساس

پیوندهای روزانه

چملات زیبا از دوستان عزیزم

ترفندهای تلگرام

دبستان شهید طاهری آمل

تصاویری زیبا از سریال معمای شاه

دانلود آهنگ دونه دونه از علی بحرینی

عکس های مجریان مشهور سینما و تلویزیون

عکسهای جدید بازیگران و چهره های مشهور با همسرانشان

راهپیمایی زامبی ها در پاریس + تصاویر

عکسهای بامزه و خفن

عکس و مطالب جدید و داغ

تصاویر احسان علیخانی از گذشته تا به امروز,

70 ضرب المثل ایرانی

حکایت بهلول و آب انگور

اعتراف زن صیغه‌ای به قتل شوهر

اعترافات تکان دهنده دختر جوان برای رسیدن به پسر مورد علاقه اش

انتشار عکسهای خصوصی دختر 19 ساله در اینترنت

بریدن سر نوعروس به دست شوهرش

ربودن دختر جوان توسط سه مرد

زنی که به دلیل عضویت در فیسبوک سنگسار شد

دستگیری دزدان طلافروشی ها در 3 استان

8 اشتباه زنانه در رابطه جنسی

فال بوسه

رمز بهتر بوسیدن

فوايد بوسه در روابط زنا شويي

گالری عکسهای مهسا کامیابی

دیگر موارد

سامانه پیامکی بافق پیام رسان

جملات کوتاه و زیبا و اس ام اس

سامانه پیامکی 1334 1333 5000 آمادگی دریافت اس ام اس های زیبای شماست :

کد کج شدن ، سایه دار شدن و ... عکس

نوشته شده در دوشنبه ۱ مهر ۱۳۹۲

ساعت : 0:58

نویسنده : ℜ℮zα

کد افکت گذاری بر روی عکس های وبلاگ و سایت

کد کج شدن ، سایه دار شدن و ... عکس

برای وبلاگ نویسان عزیز

نحوه استفاده :

در صورتی که انجام مراجا ذیل را برای خود مشکل می بیندید ؛

کد را در قسمت تنظیمات ،

بخش کد های اضاقی یا اسکریپ ها وبلاگ خود کپی کنید .

1- به قسمت ویرایش قالب خود بروید

و کد < head > یا < head /> را پیدا کنید

2- کد مورد نظر را بین این دو کپی کنید

1.بزرگ شدن با لبه های گرد

img:hover{border-radius: 50px; opacity:0.8;filter:alpha(opacity=80); -webkit-transform:scale(1.1):( Webkit: Scale up image to 1.2x original size); -moz-border-radius:6px;-webkit-border-radius:30px; box-shadow: 10px 10px 5px #000; -moz-transform:scale(1.1):( Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } img:out{border-radius: 40px; opacity:1;filter:alpha(opacity=100); -webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size); padding:0px; float:center; -moz-transform:scale(0.9):(Mozilla scale version); -moz-transform:scale(0.9):(Explorer scale version); } img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ opacity: 1; } <A href="http://webiha-pix.mihanblog.com" target=_blank>کد ِکج شدَنِ تَصآویر </A>

3.شكل برگ شدن ثابت

img {
border: datted 5px #000;
border-radius: 80px 7px 80px 7px;
box-shadow: 0 0 1px #333;
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
} 

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

4.كج شدن آهسته تصویر با سایه

img { border-radius: 4px;
border: 1px solid #fff;
max-width: 480px;
margin: 2px;
padding:0px; float:center;
filter:alpha(opacity=100);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-transition:all 0.4s ease-in;
-moz-transition:all 0.4s ease-in;
-o-transition:all 0.4s ease-in;
transition:all 0.4s ease-in;
opacity:1.0;
}
img:hover{ border-radius: 7px;
border: 1px solid #000;
max-width: 480px;
margin: 2px;
padding:0px; float:center;
filter:alpha(opacity=40);
opacity:0.4;
-moz-border-radius:6px;-webkit-border-radius:6px;
box-shadow: 10px 10px 5px #000;
-webkit-transition:all 0.4s ease-in;
-moz-transition:all 0.4s ease-in;
-o-transition:all 0.4s ease-in;
transition:all 0.4s ease-in;
}
img:hover{
opacity:1;filter:alpha(opacity=100);
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);

}
img:out{
opacity:1;filter:alpha(opacity=100);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);

}


<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

5.كج شدن و چرخشی

img{
-webkit-transform:scale(0.9); /*design by : mosbat*/
-moz-transform:scale(0.9); /*design by : mosbat*/
-o-transform:scale(0.9); /*design by : mosbat*/
-webkit-transition-duration: 0.5s; /*design by : mosbat*/
-moz-transition-duration: 0.5s; /*design by : mosbat*/
-o-transition-duration: 0.5s; /*mosbataye-bahejab.blogfa.com*/
opacity: 0.9; /*mosbataye-bahejab.blogfa.com*/
margin: 0 10px 9px 0; /*mosbataye-bahejab.blogfa.com*/} 
img:hover{
-webkit-transform:scale(1.1); /*design by : mosbat*/ 
-moz-transform:scale(1.1); /*design by : mosbat*/ 
-o-transform:scale(1.1); /*design by : mosbat*/ 
box-shadow:0px 0px 0px gray; /*design by : mosbat*/ 
-webkit-box-shadow:0px 0px 0px gray; /*mosbataye-bahejab.blogfa.com*/ 
-moz-box-shadow:0px 0px 0px gray; /*mosbataye-bahejab.blogfa.com*/ 
opacity: 1.0;
 -webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);}

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

6.فقط گرد و سایه دار شدن گوشه عكس

img:hover{border-radius: 50px;
opacity:0.8;filter:alpha(opacity=80);
-webkit-transform:scale(1.1):( Webkit: Scale up image to 1.2x original size);
-moz-border-radius:6px;-webkit-border-radius:30px;
box-shadow: 10px 10px 5px #000;	
-moz-transform:scale(1.1):( Mozilla scale version); 
-moz-transform:scale(0.9):(Explorer scale version);

}
img:out{border-radius: 40px;
opacity:1;filter:alpha(opacity=100);
-webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size);
padding:0px; float:center;
-moz-transform:scale(0.9):(Mozilla scale version);
-moz-transform:scale(0.9):(Explorer scale version);

}

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

7.چرخش كامل عكس

img:hover {
border: dashed underline 1px #333;
border-radius: 80px 6px 80px 6px;
box-shadow: 5 5 1px #333;
-webkit-transition: all 2s ease-in;
-moz-transition: all 2s ease-in;
-o-transition: all 2s ease-in;
transition: all 2s ease-in;
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
}

img{border-radius: 40px;
opacity:1;filter:alpha(opacity=100);
-webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size);
padding:0px; float:center;
-moz-transform:scale(0.9):(Mozilla scale version);
-moz-transform:scale(0.9):(Explorer scale version);

}

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

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

img:hover{
border: datted 6px #000;
border-radius: 80px 7px 80px 7px;
box-shadow: 0 0 1px #333;
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
} 

img:out{border-radius: 60px;
opacity:1;filter:alpha(opacity=100);
-webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size);
padding:0px; float:center;
-moz-transform:scale(0.9):(Mozilla scale version);
-moz-transform:scale(0.9):(Explorer scale version);

}

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

9.كج شدن ساده تصویر به همراه واضح تر شدن

img:hover{ opacity:0.8;filter:alpha(opacity=80); -webkit-transform: 
rotate(-10deg); -moz-transform: rotate(-10deg);  } img:out{ 
opacity:10;filter:alpha(opacity=100); -webkit-transform: rotate(10deg); 
-moz-transform: rotate(10deg);  } 
img{ opacity:0.8;filter:alpha(opacity=80); } img:hover{ 
opacity:1;filter:alpha(opacity=100);  } img:out{ 
opacity:0.8;filter:alpha(opacity=80);  }

<P><A href="http://webiha-pix.mihanblog.com" 
target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

10.فقط گرد شدن گوشه های عكس

img{border-radius: 40px;
opacity:1;filter:alpha(opacity=100);
-webkit-transform:scale(0.9):( Webkit: Scale down image to 0.8x original size);
padding:0px; float:center;
-moz-transform:scale(0.9):(Mozilla scale version);
-moz-transform:scale(0.9):(Explorer scale version);

}

<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

11.از كج به صاف تبدیل شدن ، همراه با سایه

      /*Efect by : Mosbataye-bahejab.blogfa.com*/  
      
img{-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;-khtml-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;
  
        border-radius:15px;box-shadow:0px 0px 10px #000;  
        
-moz-transform:rotate(-1.5deg);-o-transform:rotate(1.5deg);-ms-transform:rotate(1.5deg);-webkit-transform:rotate(1.5deg);-khtml-transform:rotate(1.5deg);}
  
      img:hover{border-radius:0px;  
      -moz-transform:rotate(0deg) 
scale(1.1);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-khtml-transform:rotate(0deg);
  
        box-shadow:0px 0px 20px #9c9c9c;}  


<P><A href="http://webiha-pix.mihanblog.com" 
target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

12.برجسته شدن لینك ها با رفتن موس

a:hover{
box-shadow:1px 4px 5px;
-moz-box-shadow:1px 4px 5px;
-o-box-shadow:1px 3px 4px;
-ms-box-shadow:1px 3px 4px;
-khtml-box-shadow:1px 3px 4px;
-webkit-box-shadow:1px 3px 4px;}


<P><A href="http://webiha-pix.mihanblog.com" target=_blank><SPAN
style="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONT 
color=#ff99cc>کد ِکج شدَنِ تَصآویر
</FONT></SPAN></A></P>

13.چرخیدن ستاره دور لینك ها با رفتن موس

a:visited{color:#000000;text-decoration: none}a:hover{background:url(http://s2.picofile.com/file/7782873759/20.gif);text-decoration: none} <A href="http://webiha-pix.mihanblog.com" target=_blank>کد ِکج شدَنِ تَصآویر </A>