CSS, Thủ thuật Ngày 28/12/2021 3929 lượt xem

Hiệu Ứng Image Hover Overlay Slide Với Text

Hiệu ứng css làm cho web sinh động hơn , Hôm nay mình giới thiệu cho các bạn 1 hiệu ứng Hover với Image Hover Overlay Slide…

Lê Anh ĐôngFlatsome trên Google News

Hiệu Ứng Image Hover Overlay Slide Với Text

Hiệu ứng css làm cho web sinh động hơn , Hôm nay mình giới thiệu cho các bạn 1 hiệu ứng Hover với Image Hover Overlay Slide Với Text trong Icon box hoặc có thể là text Đơn thuần
Hãy làm theo hướng dẫn để có những hiệu ứng sinh động hơn nhé

Hiệu Ứng Image Hover Overlay Slide Với Text
Hiệu Ứng Image Hover Overlay Slide Với Text

Hiệu Ứng Image Hover Overlay Slide Với Text

Ví dụ ta có 1 Text box và thêm class bên dưới vào :

Sau đó css cho class này snip0019

Chú ý :

@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800) để lấy link font , nếu bạn có cài hoặc ko dùng font khác ngoài font mặc định thì ko cần vào , Có thể bỏ hoặc đổi font-family: ‘Raleway’, Arial, sans-serif; nếu bạn dùng font chữ khác nhé

sau khi thêm xong bạn sẽ được như vidụ bên dưới ( có thể Hover chuột vào bức hình bên dưới để test nhé

sample12

Hiệu Ứng Image Hover Overlay Slide Với Text

hiều ứng bên phải

 

Chấm điểm bài đăng post

Có Nhận xét cho "Hiệu Ứng Image Hover Overlay Slide Với Text"

  1. Pingback: Hiệu Ứng Image Hover Overlay Slide Với Text - 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