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

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

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

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

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

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

استایل:

<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> قرار دهید و از ان لذت ببرید.

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *