مرجع ابزار رایگان وب

مجموعه کدهای افکت گذاری بر روی تصاویر سایت

1
2
3
4
5

          مدیریت 
            بازدید : 41
          سه شنبه 26 آذر 1392
           نظرات (0)
        

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

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

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

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

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

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

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

برچسب ها كد كج شدن تصاوير , افكت گذاشتن بر روي تصوير , كد بزرگ شدن عكس , كد كج شدن عكس , كد براي وبلاگ , از كج به صاف تبدیل شدن ، همراه با سایه , فقط گرد شدن گوشه های عكس , كج شدن ساده تصویر به همراه واضح تر شدن , از حالت عادی تبدیل به برگ شدن با رفتن موس , چرخش كامل عكس , فقط گرد و سایه دار شدن گوشه عكس , كج شدن تصویر و بصورت چرخشی , كج شدن آهسته تصویر با سایه , شكل برگ شدن ثابت , بزرگ شدن با لبه های گرد , بزرگ شدن بصورت مستطیل ,

مطالب مرتبط

کد مردم آزاری برای وبلاگ یا کد سوال و جواب

مرجع کدهای رنگ HTML

کد پیغام خوش آمد گویی در وبلاگ

انواع کدهای جلوگیری از راست کلیک

کد جلوگیری از راست کلیک

کد جلوگیری از انتخاب محتویات صفحه (عکس،متن)

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

اطلاعات کاربری

فراموشی رمز عبور؟

کد وصیت نامه شهدا
سه شنبه 17 دی 1392

کد پخش زنده حرم ها
سه شنبه 17 دی 1392

کد روز شمار غدیر
یکشنبه 15 دی 1392

کد احادیث موضوعی
یکشنبه 15 دی 1392

rss خوان
پنجشنبه 12 دی 1392

کد مردم آزاری برای وبلاگ یا کد سوال و جواب
چهارشنبه 27 آذر 1392

مجموعه کدهای افکت گذاری بر روی تصاویر سایت
سه شنبه 26 آذر 1392

مرجع کدهای رنگ HTML
سه شنبه 26 آذر 1392

نوار پیشرفت زیبا
پنجشنبه 21 آذر 1392

منوی کرکره ای متحرک
پنجشنبه 21 آذر 1392

لینک دوستان

دانلود سریال جدید

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

آرشیو

حامی

آمار سایت

کل مطالب : 21

کل نظرات : 3

افراد آنلاین : 1

تعداد اعضا : 0

آی پی امروز : 6

آی پی دیروز : 0

بازدید امروز : 8

باردید دیروز : 1

گوگل امروز : 0

گوگل دیروز : 0

بازدید هفته : 15

بازدید ماه : 10

بازدید سال : 247

بازدید کلی : 4,033