اگر بخواهید در سایت خود کمی ویژگی های بصری بیشتری اضافه کنید تا توجه کاربران خود را بیشتر جلب کنید بایستی دست به دامن انیمیشن ها شوید. یکی از ساده ترین انیمیشن ها بازی با تصاویر است به طوری که مثلا با حرکت ماوس روی آنها یا Mouse over حالت fade in یا fade out داشته باشند.
برای اضافه کردن این افکت کافیست دست به دامن افزونه WP Code شویم. قبلا چگونگی کار با آن را به شما آموزش داده بودم که می توانید از لینک زیر مطالعه کنید:
آموزش کار با افزونه wp code وردپرس
حالا که کار کردن با این افزونه را یاد گرفتید ، براحتی می توانید یک Snippet جدید ایجاد کنید ، داخل این Snippet کد های زیر را قرار دهید:
.post img:hover{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}حالت قرار گیری کد را روی auto insert بگذارید . در نهایت آن را active کنید. بعد از ذخیره کردن حالت fade روی تصاویر شما فعال خواهد شد. بدون نیاز به نصب افزونه اضافی این کار را انجام دادیم.
