این کد با استفاده از CSS3 و animation ساخته شده است و در اینترنت اکسپلورر (حداقل تا ورژن 9) عمل نمی کند.
برای دیدن دمو اینجا کلیک کنید.
کد CSS به این صورت می باشد:
@keyframes MoIsRexAnimate{
from{opacity:1;}
to{opacity:0.3;}
}
@-moz-keyframes MoIsRexAnimate{
from{opacity:1;}
to{opacity:0.3;}
}
@-webkit-keyframes MoIsRexAnimate{
from{opacity:1;}
to{opacity:0.3;}
}
@-o-keyframes MoIsRexAnimate{
from{opacity:1;}
to{opacity:0.3;}
}
a:hover{
animation: MoIsRexAnimate 0.3s ease-in-out infinite alternate;
-moz-animation:
MoIsRexAnimate 0.3s ease-in-out infinite alternate;
-o-animation:
MoIsRexAnimate 0.3s ease-in-out infinite alternate;
-webkit-animation:
MoIsRexAnimate 0.3s ease-in-out infinite alternate;
}
در صورتی که می خواهید آن را به صورت مستقیم در صفحه خود به کار ببرید کافیست این کد را درون head صفحه خود قرار دهید:
ببخشید من میخواستم این کد برای قسمتی از قالب فعال بشه راهی وجود داره که در کل صفحه فعال نباشه ؟؟
با تشکر از شما
با تشکر
توی انجمن مطرح کن
مدیریت سریع تر جواب بده.
با تشکر
خیلی عالی بود
یه کمکی به عاشق کن
نرم افزار برای ارسال نظر برای میهن بلاگ میخواهم
من سی اس اس رو فولم ولی این همه خلاقیت ندارم
ایول داری
واقعا کارت درسته
ممنون
بازم از این کد ها بزار:
از اون روزی که تو این سایت رو راه انداختی
وبسایت درب و داغون من روز به روز بهتر و بهتر میشه
خداییش دمت گرم دادا
دستت طلا