کد استایل عکس سری دوم

کد استایل عکس سری دوم

کد استایل عکس سری دوم  شما میتوانید با قرار دادن این استایل در قالب وبلاگ و یا قرار دادن

در فایل استایل سایت به تصاویر سایت خود استایل ویژه دهید و سایت را برای کاربران خود جذاب و زیبا کنید.

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

شما میتوانید این استایل زیبا را از ادامه مطلب دریافت کرده و در سایت و یا وبلاگ خود استفاده کنید.

استایل:

<style>img{ opacity:0.8;filter:alpha(opacity=80);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }img:hover{opacity: 1;filter: alpha(opacity=100);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;border: #000 thin solid;box-shadow: 0px 0px 6px 4px #333}</style>

باز کردن کد در ابزار پیش نمایش

توجه نمایید  اگر میخواهید استایل را در فایل استایل سایت اپلود کنید <style> اول و اخر ان را حذف کنید

در غیر اینصورت میتوانید کد را در انتهای قالب قبل از تگ </body> قرار دهید و از ان لذت ببرید.

شما میتوانید قبل از قرار دادن کد فوق در سایت خود کد را در ابزار پیش نمایش کدبازان تست کنید.