Thủ thuật, CSS Ngày 01/06/2022 5768 lượt xem

Hover css text hiện thị cho hình ảnh trong Flatsome

Sẳn có bạn hỏi về hover hình có text note hiện thị , nay mình chỉ các bạn cách làm Hover css text hiện thị cho hình…

Lê Anh ĐôngFlatsome trên Google News

Hover css text hiện thị cho hình ảnh trong Flatsome

Sẳn có bạn hỏi về hover hình có text note hiện thị , nay mình chỉ các bạn cách làm Hover css text hiện thị cho hình ảnh trong Flatsome nhé

Hover css text hiện thị cho hình ảnh trong Flatsome

Trong theme Flatsome có nhiều cách để hiện thị dạng này

Hover css text hiện thị cho hình ảnh trong Flatsome
Hover css text hiện thị cho hình ảnh trong Flatsome

Bao nhiêu cách Hover css text hiện thị cho hình ảnh trong Flatsome

Dạng hover vào tấm hình hiện thị text lên . Trong theme flatsome có nhiều cách để làm mình có thể liệt kê ở đây như

  • Dùng Icon box
  • Banner
  • Img
  • BLog
  • Wooce Produc

Hôm nay mình chỉ bạn cách đơn giản nhất là dùng cái có sẳn trong Img ( chèn hình ảnh )

bạn chuyển bị 1 tấm hình cần hover hiện thị text , trong media bạn úp hình lên vào nhớ đánh text vào no ( ghi chú ) như hình

Hover css text hiện thị cho hình ảnh trong Flatsome
Hover css text hiện thị cho hình ảnh trong Flatsome

 

sau khi đánh test và chèn hình vào bạn bật chức năng hiện thị ghi chú lên

Hover css text hiện thị cho hình ảnh trong Flatsome
Hover css hiện thị cho hình ảnh trong Flatsome

 

OK đến đây view sẽ thấy hình có note khi hover rồi tuy nhiên nó còn nhỏ xíu 🙂

 

bạn thêm css sau vào nhé

OK vậy là bạn đã có 1 hình hover vào text hiện ra note rất đẹp

Hover css text hiện thị cho hình ảnh trong Flatsome
Hover css text cho hình ảnh trong Flatsome

 

Chúc bạn thành công nhé

Điểm 5/5 - ( Có 7 bình chọn)

Có Nhận xét cho "Hover css text hiện thị cho hình ảnh trong Flatsome"

  1. Pingback: Tặng Free domain .site hoàn toàn miễn phí - Xuân công Nghệ

  2. Pingback: Tặng Free domain .me hoàn toàn miễn phí - Kho Wordpress

  3. Pingback: Tạo tab bên phải và add thêm Title trong flatsome - FLATSOME - FREE EVERY THING

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ