كد كج شدن تصاوير براي وبلاگ و سايت

          ADMIN 
            بازدید : 29077
          1392/07/06
           نظرات (65)
        

1.بزرگ شدن بصورت مستطيل

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

<style>
img{

-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.8x original size*/

-moz-transform:scale(0.9); /*Mozilla scale version*/

-o-transform:scale(0.9); /*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 9px 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 80px gray; /*Mozilla shadow version*/

opacity: 1;

-webkit-transform: rotate(-10deg);

}
</style>
<A href="http://boo3e.ir/cat/292/pixef.html" target=_blank>کد ِکج شدَنِ تَصآوير
</A>

----------------------

2.بزرگ شدن با لبه هاي گرد

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

}
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;

} 
</style>
<A href="http://boo3e.ir/cat/292/pixef.html" target=_blank>کد ِکج شدَنِ تَصآوير
</A>

----------------------

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

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

----------------------

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

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

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

}

</style>
<A href="http://boo3e.ir/cat/292/pixef.html" target=_blank>کد ِکج شدَنِ تَصآوير
</A>

----------------------

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

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

----------------------

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

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

----------------------

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

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

----------------------

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

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

----------------------

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

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

----------------------

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

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

----------------------

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

مشاهده ي نمونه ابزار-كليك كنيد
دريافت كد:

<style>

/*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;}

----------------------

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

دريافت كد:

----------------------

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

دريافت كد:

----------------------

عنوان	پاسخ	بازدید	توسط
کفشی که بندش را خودش می‌بندد	1	94	vahidabasi
پاسخ به سوالات شما	0	270	donyayeazoleh
استاتوس های طنز و خنده دار فیسبوک	1	552	nafs19
طنز مثلا الکی...	1	482	nafs19
مپ وار و فارمینگ ( منابع ) تان هال 8شت	0	334	admin
گاهی وقتی …	0	559	forum-admin
غصه مرا خورد …	0	423	forum-admin
اوج قصه …	0	363	forum-admin
دوستَــــت دارم	0	583	forum-admin
کَـــــر شدم !!!	0	419	forum-admin