ناب ترین |ابزار وبمستری

ناب ترین | ابزار وبمستر|وبلاگ نابترین | مرجع کد وبلاگ|کدهای قالب وبلاگ

ناب ترین |ابزار وبمستری

ناب ترین | ابزار وبمستر|وبلاگ نابترین | مرجع کد وبلاگ|کدهای قالب وبلاگ

ناب ترین |ابزار وبمستری

ناب ترین | ابزار وبمستر|وبلاگ نابترین | مرجع کد وبلاگ|کدهای قالب وبلاگ | طراحی قالب وبلاگ|آموزش وبلاگ نویسی

آخرین نظرات
نویسندگان
پیوندهای روزانه

افکت گذاری عکس::از مسطتیل تبدیل به دایره شدن عکس

پنجشنبه, ۱۶ مرداد ۱۳۹۳، ۰۳:۱۰ ق.ظ

سلام خدمت دوستان عزیز و گلم وقت بخیر خوش آمدین . عزیزان در

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

افکت گذاری آماده کردم . این کد ب این صورته که : تصاویر در حالت عادی مسطتیل شکل کوچیک هستن وبا رفتن موس بر روی تصاویر ب

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

باشه . بریم ب ادامه مطلب و دریافت کد . یا حق


//bayanbox.ir/id/8250586550310893366?view

<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><P><A href="http://nabtarin.blog.ir" target=_blank><SPANstyle="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONTcolor=#ff99cc></FONT></SPAN></A></P><P><A href="http://nabtarin.blog.ir" target=_blank><SPANstyle="FONT-WEIGHT: 600; TEXT-DECORATION: none"><FONTcolor=#ff99cc>ابزاروبمستری::ناب ترین</FONT></SPAN></A></P>