Tạo bóng đổ cho ảnh hoặc các khối nội dung

Người đăng: yeu mai em on Thứ Bảy, 28 tháng 12, 2013

Tạo bóng đổ cho ảnh hoặc các khối nội dungỞ bài này mình sẽ sử dụng lệnh position để tạo bóng đổ cho ảnh hoặc cho các khối văn bản. Làm cho ảnh hoặc vùng văn bản đó trở nên bắt mắt hơn. Thủ thuật để tạo bóng đổ trong bài này là ta sẽ tạo các background nằm dè lên nhau, và lệch nhau vài pixel, như thế sẽ tạo nên hiệu ứng bóng đổ.

Ví dụ ở đây mình sẽ dùng 3 class để tạo bóng. Class đầu tiên sẽ là màu nền chính, các class tiếp theo sẽ có màu nền nhạt dần vào lệch với class đầu tiên.

Ví dụ ta có đoạn code CSS và HTML sau :

Đọc thêm »

{ 0 nhận xét... read them below or add one }

Đăng nhận xét