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

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

 

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 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 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)

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *