• حل شده pedro

    (@pedro79)


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

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

    (@asadiy4n)

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

    آغازکننده موضوع pedro

    (@pedro79)

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

    مدیر Asadiyan

    (@asadiy4n)

    سلام

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

    • این پاسخ 3 سال، 4 ماه پیش توسط Asadiyan اصلاح شده است.
    آغازکننده موضوع pedro

    (@pedro79)

    خیلی ممنون 🙏

    آغازکننده موضوع pedro

    (@pedro79)

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

    مدیر Asadiyan

    (@asadiy4n)

    خواهش می کنم

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

    • این پاسخ 3 سال، 4 ماه پیش توسط Asadiyan اصلاح شده است.
    آغازکننده موضوع 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 -->
    آغازکننده موضوع pedro

    (@pedro79)

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

    مدیر Asadiyan

    (@asadiy4n)

    خواهش می کنم

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