کد افکت به تصاویر (سری جدید)

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

این دفعه عکس نذاشتم و از دمو استفاده کردم 

" مشاهده دمــــــو " (کد قدیم)

" مشاهده دمــــــــو" (کد جدید)

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

کد جدید سازگار با مروگر فایرفاکس و کروم قرار گرفت !

این کد را قبل از کد head قرار دهید !

اگر سوالی داشتید در انجمن مطرح کنید ...

<style> img{opacity:0.5; border-image:url(http://axgig.com/images/64603066517503419682.jpg) 30 30 repeat; -moz-border-image:url(http://axgig.com/images/64603066517503419682.jpg) 30 30 repeat; /* Old Firefox */ -webkit-border-image:url(http://axgig.com/images/64603066517503419682.jpg) 30 30 repeat; /* Safari and Chrome */ -o-border-image:url(http://axgig.com/images/64603066517503419682.jpg) 30 30 repeat; /* Opera */ border:#EAEAEA groove 7px; transition:all ease 1.5s; -moz-box-shadow: 2px 2px 15px #430ef2; -ms-box-shadow: 2px 2px 15px #430ef2; -o-box-shadow: 2px 2px 15px #430ef2; -webkit-box-shadow: 2px 2px 15px #430ef2; box-shadow: 4px 4px 15px #f00c27; } img:hover{opacity:0.2;-moz-transform:scale(1.0,1.0); -ms-transform:scale(1.0,1.0)); -o-transform:scale(1.0,1.0); -webkit-transform:scale(1.0,1.0)); } </style>