انتشار: فروردین 08، 1402
بروزرسانی: 24 تیر 1404

نحوه محو کردن تصاویر روی Mouseover در وردپرس (ساده و آسان)

پس از آن، به بخش «درج» بروید، اما این بار «کد کوتاه» را انتخاب کنید.

در ویرایشگر SeedProd، به سادگی روی محتوایی که می خواهید متحرک سازی کنید کلیک کنید و سپس برگه Advanced را در منوی سمت چپ انتخاب کنید.

افزودن انیمیشن های محو با استفاده از SeedProd

برای شروع، عنوانی را برای قطعه کد سفارشی تایپ کنید. این می تواند هر چیزی باشد که به شما کمک کند قطعه را در داشبورد وردپرس شناسایی کنید.

اگر هر یک از این اعداد را تغییر دادید، مطمئن شوید که آنها را در تمام ویژگی ها (webkit، moz، ms و o) تغییر داده اید، بنابراین افکت محو شدن در هر مرورگر یکسان به نظر می رسد.

img.wp-post-image: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;}

پس از آن، به سادگی یک انیمیشن را از منوی کشویی «انیمیشن ورودی» انتخاب کنید، که شامل طیف گسترده ای از جلوه های محو مختلف است.

افزودن انیمیشن به وردپرس با استفاده از SeedProd

اگر این مقاله را دوست داشتید، لطفاً در کانال یوتیوب ما برای آموزش های ویدیویی وردپرس مشترک شوید. شما همچنین می توانید ما را در پیدا کنید توییتر و فیس بوک

.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;}