Sắp tới Halloween (31/10) thì các bạn đều mong muốn có gì đó làm mới mẻ trang web của mình. Do đó, trong bài viết này, mình sẽ hướng dẫn các bạn tạo một banner halloween như dưới đây:
Như các bạn có thể thấy nó rất là thú vị phải không. Toàn bộ hiệu ứng và chuyển động đều chỉ sử dụng CSS mà không cần đến Javascript.Tuy nhiên nó được làm phụ thuộc vào kích thước màn hình, do đó bạn nên tùy chỉnh cho phù hợp với kích thước màn hình hướng đến nhé.
Các nguyên liệu cần thiết:
- File ảnh được sử dụng:
– Designed by Freepik.
- Font được sử dụng:
– SHLOP. - Ảnh được sử dụng để làm banner sẽ được tách ra từ ảnh gốc đã download ở trên. Trong link download source code cuối bài viết kèm ảnh đã được tách và font rồi nhé.
Các bước thực hiện:
Các bạn có thể xem demo và download tại đây. Vui lòng xem demo ở chế độ full màn hình nhé. Chúc các bạn có một Halloween thật kinh dị… haha.