پشتیبانی « توسعه وردپرس « هاور عکس با حرکت موس

  • حل شده pedro

    (@pedro79)


    سلام دوستان دنبال یک افزونه هستم که به عکس ها هاور بده به شکلی که اول عکس خاکستری هست و بعدی که روش موس رو میبره سفید میشه کسی می شناسه همچین افزونه ای رو ممنون میشم معرفی کنه میخوام به شکل شورت کد هم باشه یا css خیلی گشتم چیزی پیدا نکردم

در حال نمایش 9 پاسخ ( از کل 9)
  • مدیر Asadiyan

    (@asadiy4n)

    سلام رنگ خود عکس تغییر کنه ؟ یعنی سیاه سفید باشه با حرکت موس رنگی بشه؟

    Thread Starter pedro

    (@pedro79)

    سلام بله مثلا این
    https://www.emofid.com/aboutus/

    مدیر Asadiyan

    (@asadiy4n)

    سلام

    img{ filter: grayscale(100%);} img:hover{ filter: grayscale(0%); }

    • این پاسخ 3 ماه، 3 هفته پیش توسط Asadiyan اصلاح شده است.
    Thread Starter pedro

    (@pedro79)

    خیلی ممنون 🙏

    Thread Starter pedro

    (@pedro79)

    من این رو در کلاس CSS تصویر تعریف کردم ولی اتفاقی نیوفتاد

    مدیر Asadiyan

    (@asadiy4n)

    خواهش می کنم

    ممکنه یه کد دیگه تداخل ایجاد کرده باشه
    آدرس سایتتون رو قرار بدید
    یه اسکرین شات هم از اون قسمتی که میخواید تغییر کنه قرار بدید

    • این پاسخ 3 ماه، 3 هفته پیش توسط Asadiyan اصلاح شده است.
    Thread Starter pedro

    (@pedro79)

    سلام بفرمایید
    https://b2n.ir/j64233
    به عنوان مثال تیم مجله ارز دیجیتال وسط صفحه
    یک کد css پیدا کردم ولی مثلکه مشکل کد نویسی داره

    <!-- start Simple Custom CSS and JS -->
    <style type="text/css">
    img {
      -webkit-filter: grayscale(100%); /* For Webkit browsers */
      -webkit-transition: .5s ease-in-out; /* For Webkit browsers */
      -moz-filter: grayscale(100%); /* For Firefox */
      -moz-transition: .5s ease-in-out; /* For FireFox */
      -o-filter: grayscale(100%);
      -o-transition: .5s ease-in-out;
    } 
     
    img:hover {
      -webkit-filter: grayscale(0%); /* For Webkit browsers */
      -webkit-transition: .5s ease-in-out; /* For Webkit browsers */
      -moz-filter: grayscale(0%); /* For Firefox */
      -moz-transition: .5s ease-in-out; /* For Firefox */
      -o-filter: grayscale(0%); 
      -o-transition: .5s ease-in-out;
    }</style>
    <!-- end Simple Custom CSS and JS -->
    Thread Starter pedro

    (@pedro79)

    حل شد خیلی ممنون از شما

    مدیر Asadiyan

    (@asadiy4n)

    خواهش می کنم

در حال نمایش 9 پاسخ ( از کل 9)
  • The topic ‘هاور عکس با حرکت موس’ is closed to new replies.