Đổi màu icon khi hover css

11 phản hồi

1. Dorlean Tacci nói.

   Cảm ơn mã, điều này hoạt động tốt. Biểu tượng cũng thay đổi màu sắc khi di chuột vào bất kỳ đâu trên hộp biểu tượng. Thật không may, khi bạn tải lên "svg thân thiện với phần tử" của riêng mình, biểu tượng svg KHÔNG thay đổi màu sắc với mã đã nói. Bạn có thể vui lòng giúp giải quyết vấn đề này không vì tôi muốn sử dụng một svg tùy chỉnh. Tôi đã thử sử dụng "biểu tượng svg đã được làm sạch". Dù sao cũng chúc mừng năm mới 🙂

   đăng nhập để trả lời

   1. Maxime Desrosiers nói.

      Hãy thử với mã này

      .hoverbox{
      chuyển tiếp. biến đổi. 9s khối bezier(0. 19, 1, 0. 22, 1);
      }

      .hoverbox .elementor-icon{
      chuyển tiếp. tất cả các. 9s khối bezier(0. 19, 1, 0. 22, 1);
      }
      . hộp di chuột. phần tử-icon-box-title{
      chuyển tiếp. màu sắc. 9s khối bezier(0. 19, 1, 0. 22, 1);
      }

      .hoverbox .elementor-icon-box-description{
      chuyển tiếp. màu sắc. 9s khối bezier(0. 19, 1, 0. 22, 1);
      }
      . hộp di chuột. di chuột {
      biến đổi. tỷ lệ (1. 1);
      }

      .hoverbox:hover .elementor-icon{
      màu. #4f4f4f;
      điền. #000. quan trọng;
      }

      .hoverbox:hover .elementor-icon-box-title{
      màu. #4f4f4f;
      }

      .hoverbox:hover .elementor-icon-box-description{
      màu. #4f4f4f;
      }

      đăng nhập để trả lời

   2. Leah Bugeja nói.

      Maxime Desrosiers Cảm ơn sự giúp đỡ của bạn. Mặc dù, mã cho một SVG đã tải lên cũng không hoạt động với tôi. Bất kỳ lời khuyên nào khác về cách biểu tượng thay đổi màu sắc?

      đăng nhập để trả lời

   3. Maxime Desrosiers nói.

      Leah Bugeja hãy thử thay đồ

      .hoverbox:hover .elementor-icon{
      màu. #4f4f4f;
      điền. #000. quan trọng;
      }

      đến

      .hoverbox:hover .elementor-icon svg{
      color. #4f4f4f;
      điền. #000. quan trọng;
      đột quỵ. #000. quan trọng;
      }

      đăng nhập để trả lời

   4. Maxime Desrosiers nói.

      Leah Bugeja Có, có thể có các màu khác nhau cho thiết bị di động. Bạn sẽ cần sử dụng các truy vấn phương tiện CSS như thế này

      @media (chiều rộng tối đa. 767px){

      .hoverbox .elementor-icon svg{
      color. #4f4f4f;
      điền. #000. quan trọng;
      }

      .hoverbox .elementor-icon-box-title{
      màu. #4f4f4f;
      }

      .hoverbox .elementor-icon-box-description{
      màu. #4f4f4f;
      }

      }

      đăng nhập để trả lời

2. André Wolfgang nói.

   Mã không hoạt động đối với tôi, điều duy nhất nó làm là chuyển đổi tỷ lệ của hộp di chuột khi di chuột

   đăng nhập để trả lời

   1. Maxime Desrosiers nói.

      Có lẽ có một số CSS khác can thiệp?

      đăng nhập để trả lời

3. muzammil nói.

   màu tiêu đề của hộp biểu tượng của tôi không thay đổi, hãy giúp tôi. tôi đã áp dụng tất cả mã nhưng màu di chuột không thay đổi

   đăng nhập để trả lời

4. Mohammed nói.

   Tôi cũng vậy
   mọi thứ đều hoạt động ngoại trừ màu sắc

   đăng nhập để trả lời

5. Victor nói.

   tôi muốn tiêu đề thay đổi màu sắc khi tôi di chuột trên cột, Xin vui lòng, đây có phải là quy trình tương tự không?

   đăng nhập để trả lời

   1. Maxime Desrosiers nói.

      Này Victor

      Vâng, quá trình này rất giống nhau. Và nó cũng rất giống với hướng dẫn này. https. //yếu tố. làm thế nào/elementor-hover-section-animation/

      Làm cách nào để thay đổi màu biểu tượng trên CSS di chuột?

      Cách thay đổi màu biểu tượng và màu nền khi di chuột .

      ​x. // Ví dụ Thay đổi màu phông chữ biểu tượng. . biểu tượng { màu. #000;.

      .

      ct-icon-box. ct-icon-box { padding-top. 8px; . 50%;

      Làm cách nào để thay đổi màu hình ảnh PNG khi di chuột bằng CSS?

      Chúng ta có thể thay đổi màu của hình ảnh PNG bằng cách sử dụng các kiểu CSS sau. bộ lọc. không ai. mơ hồ(). độ sáng(). tương phản(). bóng đổ (). thang độ xám(). hue-rotate(). đảo ngược(). độ mờ(). bão hòa (). nâu đỏ(). url(). ban đầu. kế thừa ; .

      Làm cách nào để thay đổi màu biểu tượng hình ảnh trong CSS?

      Cho một hình ảnh và nhiệm vụ là thay đổi màu của hình ảnh bằng CSS. Sử dụng chức năng lọc để thay đổi màu ảnh png . Thuộc tính bộ lọc chủ yếu được sử dụng để đặt hiệu ứng hình ảnh cho hình ảnh. Có nhiều giá trị thuộc tính tồn tại cho chức năng lọc.

      Làm cách nào để thay đổi màu biểu tượng khi nhấp trong javascript?

      Để thay đổi màu sắc của icon, chúng ta sẽ sử dụng phương thức jquery. phương thức jQuery css() phương thức này được sử dụng để thay đổi kiểu dáng của một bộ chọn cụ thể. Phương pháp này cũng có thể được sử dụng để thay đổi màu của biểu tượng.