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

  • حل شده pedro

    (@pedro79)


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

در حال نمایش 9 پاسخ ( از کل 9)
  • سلام رنگ خود عکس تغییر کنه ؟ یعنی سیاه سفید باشه با حرکت موس رنگی بشه؟

    Thread Starter pedro

    (@pedro79)

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

    سلام

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

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

    (@pedro79)

    خیلی ممنون 🙏

    Thread Starter pedro

    (@pedro79)

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

    خواهش می کنم

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

    • این پاسخ 10 ماه، 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)

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

    خواهش می کنم

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