Chuyển tới nội dung

Cách thêm hiệu ứng bóng đổ cho hình ảnh trên bài viết Blog

Cách thêm hiệu ứng bóng đổ cho hình ảnh trên bài viết Blog

chào bạn Mình là Giang hôm nay mình sẽ hướng dẫn các bạn tạo hiệu ứng bóng đổ cho blog của bạn mỗi lần xem ảnh trên bài viết sẽ có một lớp bóng đen bao quang hình ảnh nhìn khá là nổi bật hình ảnh của bạn lên bài viết

Hướng dẫn tạo bóng đổ cho ảnh trên Blog

các bạn cần chèn cho mình đoạn CSS này vào file Style.css trong theme của các

nếu bạn muốn nó áp dụng cho tất cả hình ảnh kể cả logo thì bạn dùng css này

img {
    box-shadow: 0 0.5rem 1rem 0.25rem rgb(0 0 0 / 30%);
    display: block;
    margin: 1
rem
 auto;
}

Nếu bạn chỉ muốn áp dụng vào hình ảnh trên bài viết thì dùng đoạn css sau

.aligncenter, div.aligncenter img {
    box-shadow: 0 0.5rem 1rem 0.25rem rgb(0 0 0 / 30%);
    display: block;
    margin: 1
rem
 auto;
}

chỉ cần các bạn chèn vào file css trong theme của bạn là được chúc các bạn thành công.

Đánh Giá Bài Viết

Trả lời

Email của bạn sẽ không được hiển thị công khai.