Thiết kế

Tùy chọn Thiết kế giúp bạn điều chỉnh và tùy biến giao diện của các phần tử trên trang web, bao gồm văn bản, hình ảnh, nút bấm, biểu mẫu, và nhiều loại widget khác. Thông qua Thiết kế, bạn có thể thay đổi các thuộc tính như màu sắc, kiểu chữ, viền, khoảng cách, và các hiệu ứng khác để phù hợp với thiết kế tổng thể của landing page.

Dưới đây là hướng dẫn chi tiết về cách sử dụng tùy chọn Thiết kế:

• Màu nền: Tùy chọn Màu nền cho phép bạn thiết lập màu nền cho phần tử được chọn trên trang.

• Overflow: Khi nội dung bên trong của một section/ hộp vượt quá kích thước của nó, bạn có thể điều chỉnh cách phần section/ hình khối xử lý phần nội dung tràn ra bằng các sử dụng Kiểu nội dung.

+ Mặc định: Trong một số trình duyệt hoặc tình huống nhất định, visible sẽ được coi là giá trị mặc định default. Điều này có nghĩa là nếu bạn không chỉ định overflow content, trình duyệt sẽ coi như giá trị là visible

+ Ẩn: Nội dung vượt quá kích thước của phần tử sẽ bị cắt bỏ và không hiển thị ra ngoài biên của phần tử.

+ Hiện: Nội dung vượt quá kích thước của phần tử sẽ được hiển thị đầy đủ, ngay cả khi nó tràn ra ngoài biên của phần tử đó. Đây là giá trị mặc định trong nhiều trường hợp.

• Box shadow: Tùy chọn Box shadow cho phép bạn tạo hiệu ứng bóng đổ cho các phần tử, giúp chúng nổi bật và có chiều sâu hơn. Bạn có thể tùy chỉnh loại bóng, vị trí, màu sắc, độ mờ, và kích thước của bóng.

+ Kiểu hiển thị:

Box: Đây là loại bóng tiêu chuẩn, tạo ra bóng đổ xung quanh toàn bộ phần tử

Realistic: Loại bóng này tạo hiệu ứng bóng đổ thực tế hơn, với độ mờ và độ dày khác nhau

+ Position:

Bên ngoài: Bóng đổ nằm bên ngoài phần tử, tạo cảm giác phần tử nổi lên khỏi nền

Bên trong: Bóng đổ nằm bên trong phần tử, tạo cảm giác như phần tử bị lõm vào hoặc bị chìm xuống

+ Màu sắc: Bạn có thể chọn màu cho bóng đổ bằng cách sử dụng bộ chọn màu. Màu sắc của bóng có thể ảnh hưởng lớn đến cảm giác về chiều sâu.

X: Xác định mức độ bóng lệch sang trái hoặc phải so với phần tử.

Y: Xác định mức độ bóng lệch lên trên hoặc xuống dưới so với phần tử.

Blur (độ mờ): Điều chỉnh độ mờ của bóng. Giá trị lớn hơn sẽ làm bóng mờ hơn và trông mềm mại hơn.

Spread (độ lan rộng): Điều chỉnh kích thước của bóng đổ. Giá trị dương sẽ làm bóng lan rộng hơn, giá trị âm sẽ làm bóng thu hẹp lại