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

          ADMIN 
            بازدید : 29070
          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.چرخيدن ستاره دور لينك ها با رفتن موس

دريافت كد:

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

برچسب ها كد كج شدن تصاوير , افكت گذاشتن بر روي تصوير , كد بزرگ شدن عكس , كد كج شدن عكس , كد براي وبلاگ , بوسه , سايت عاشقانه , سايت عاشقانه ي بوسه , بوسه دات اي ار ,

ارسال نظر برای این مطلب

	این نظر توسط Aj M در تاریخ 1394/06/02 و 15:28 دقیقه ارسال شده است

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

	این نظر توسط nihoo در تاریخ 1394/04/15 و 15:17 دقیقه ارسال شده است

			the best😍😍😉😉😜😜

	این نظر توسط باران در تاریخ 1394/04/10 و 2:47 دقیقه ارسال شده است

			سلام عالی بود استفاده کردم دستتون درد نکنه

	این نظر توسط روژ خفاش در تاریخ 1394/04/01 و 20:57 دقیقه ارسال شده است

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

	این نظر توسط faezeh در تاریخ 1394/02/07 و 16:46 دقیقه ارسال شده است

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

	این نظر توسط سیما در تاریخ 1393/10/16 و 13:48 دقیقه ارسال شده است

			خبرنامه داشت الان دیدم شرمنده :دی پاسخ : سلام دشمنتون شرمنده

	این نظر توسط سیما در تاریخ 1393/10/16 و 13:40 دقیقه ارسال شده است

			سلــــــــــــام وبتون خعلی عالی و مفیده همیشه سر میزنم فقط اگه ممکنه ازاون لوگوها بذارین که برا عضو شدن تا پستای جدید برا ایمیل بیاد ممنونم خوشحال میشم به منم سربزنین پاسخ : سلام منظورت خبر نامس داریم که

	این نظر توسط فائزه در تاریخ 1393/08/05 و 20:30 دقیقه ارسال شده است

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

	این نظر توسط نفسی در تاریخ 1393/08/01 و 21:59 دقیقه ارسال شده است

			vere goooooooooooooooooooooooooood خیلی ممنون

	این نظر توسط bita در تاریخ 1393/07/23 و 16:02 دقیقه ارسال شده است

			ببخشیدازکجالینک های غیرمجاز راقطع کنم پاسخ : سلام بايد بگرديد ببينيد كدوم لينكتون براي بلاكفا غير مجازه و حذفش كنيد

1 2 3 4 5 6 7 صفحه بعد

عنوان	پاسخ	بازدید	توسط
کفشی که بندش را خودش می‌بندد	1	92	vahidabasi
پاسخ به سوالات شما	0	268	donyayeazoleh
استاتوس های طنز و خنده دار فیسبوک	1	551	nafs19
طنز مثلا الکی...	1	478	nafs19
مپ وار و فارمینگ ( منابع ) تان هال 8شت	0	334	admin
گاهی وقتی …	0	556	forum-admin
غصه مرا خورد …	0	420	forum-admin
اوج قصه …	0	362	forum-admin
دوستَــــت دارم	0	582	forum-admin
کَـــــر شدم !!!	0	418	forum-admin