کد استایل عکس سری دوم
کد استایل عکس سری دوم شما میتوانید با قرار دادن این استایل در قالب وبلاگ و یا قرار دادن
در فایل استایل سایت به تصاویر سایت خود استایل ویژه دهید و سایت را برای کاربران خود جذاب و زیبا کنید.
این استایل بعد از رفتن ماوس روی عکس دور ان کادر زیبا و خوشرنگ ایجاد شده و مقداری به سمت جلو حرکت میکند.
شما میتوانید این استایل زیبا را از ادامه مطلب دریافت کرده و در سایت و یا وبلاگ خود استفاده کنید.
استایل:
|
1 2 3 4 5 6 7 8 9 10 11 |
<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> قرار دهید و از ان لذت ببرید.
شما میتوانید قبل از قرار دادن کد فوق در سایت خود کد را در ابزار پیش نمایش کدبازان تست کنید.