کد استایل عکس سری دوم
کد استایل عکس سری دوم شما میتوانید با قرار دادن این استایل در قالب وبلاگ و یا قرار دادن
در فایل استایل سایت به تصاویر سایت خود استایل ویژه دهید و سایت را برای کاربران خود جذاب و زیبا کنید.
این استایل بعد از رفتن ماوس روی عکس دور ان کادر زیبا و خوشرنگ ایجاد شده و مقداری به سمت جلو حرکت میکند.
شما میتوانید این استایل زیبا را از ادامه مطلب دریافت کرده و در سایت و یا وبلاگ خود استفاده کنید.
استایل:
|
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> |
[button link=”https://codebazan.ir/Tools/editor_v2#$1$%3Cstyle%3Eimg%7B%20opacity%3A0.8%3Bfilter%3Aalpha%28opacity%3D80%29%3B-webkit-transition%3A%20all%200.4s%20ease-in-out%3B-moz-transition%3A%20all%200.4s%20ease-in-out%3B%20%20-o-transition%3A%20all%200.4s%20ease-in-out%3B-ms-transition%3A%20all%200.4s%20ease-in-out%3B%20transition%3A%20all%200.4s%20ease-in-out%3B%20%7Dimg%3Ahover%7Bopacity%3A%201%3Bfilter%3A%20alpha%28opacity%3D100%29%3B-webkit-transition%3A%20all%200.4s%20ease-in-out%3B-moz-transition%3A%20all%200.4s%20ease-in-out%3B-o-transition%3A%20all%200.4s%20ease-in-out%3B-ms-transition%3A%20all%200.4s%20ease-in-out%3Btransition%3A%20all%200.4s%20ease-in-out%3Bborder%3A%20%23000%20thin%20solid%3Bbox-shadow%3A%200px%200px%206px%204px%20%23333%7D%3C/style%3E%20%0A%0A%0A%3Cimg%20src%3D%22http%3A//codebazan.ir/logo.png%22%20alt%3D%22f%22%20/%3E%20$1$$” target=”_blank” icon=”momizat-icon-eye”]باز کردن کد در ابزار پیش نمایش[/button]
توجه نمایید اگر میخواهید استایل را در فایل استایل سایت اپلود کنید <style> اول و اخر ان را حذف کنید
در غیر اینصورت میتوانید کد را در انتهای قالب قبل از تگ </body> قرار دهید و از ان لذت ببرید.
شما میتوانید قبل از قرار دادن کد فوق در سایت خود کد را در ابزار پیش نمایش کدبازان تست کنید.