Hiệu ứng bóng đổ !
thuthuat :: Thủ thuật :: thủ thuật blog
Trang 1 trong tổng số 1 trang
Hiệu ứng bóng đổ !
Đây đoạn code HTML của nó đây:
<div align="center">
<span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">oOTasumiOo</span>
<span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align: -5px;">oOTasumiOo</span>
</div>
Bạn có thể nhận ra thực ra đây là 2 lần viết text thôi. Và các thông số margin-left: -295px; vertical-align: -5px chính tạo nên bóng đổ đó.
Nếu như viết blog dành cho một nửa của mình, bạn có thể áp dụng hiệu ứng này để lồng tên 2 người lên nhau
Bạn hoàn toàn có thể xê dịch các ký tự đó sang trái hoặc phải rồi chỉnh lại màu cho thêm đẹp.
<div align="center">
<span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">oOTasumiOo</span>
<span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align: -5px;">oOTasumiOo</span>
</div>
Bạn có thể nhận ra thực ra đây là 2 lần viết text thôi. Và các thông số margin-left: -295px; vertical-align: -5px chính tạo nên bóng đổ đó.
Nếu như viết blog dành cho một nửa của mình, bạn có thể áp dụng hiệu ứng này để lồng tên 2 người lên nhau
Kevin Federline Britney Spears
Bạn hoàn toàn có thể xê dịch các ký tự đó sang trái hoặc phải rồi chỉnh lại màu cho thêm đẹp.
thuthuat :: Thủ thuật :: thủ thuật blog
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|