Dưới đây là một số cách để thay đổi hình thức TEXT trong trang web của bạn sử dụng CSS. Mình thấy rất nhiều trang web phải chèn những ảnh có kích thước lớn chỉ để có được những TEXT có hiệu ứng nho nhỏ, nếu sử dụng 1 số hiệu ứng lọc sau, bạn có thể giảm thiểu kích thước trang web mà vẫn đẹp:
Để xem các ví dụ này, bạn mở Notepad ra, copy các đoạn mã trong phần tag <span></span>.. Save lại dưới định dạng HTML rỗi mở ra xem = trình duyệt của bạn. Chú ý, có rất nhiều hiệu ứng khác nữa, các bạn có thể tự tìm tòi (ví dụ như hiệu ứng chữ bốc lửa đang được khá ưa chuộng).
Màu sáng dần:
<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">Alpha</span>
Nhoè:
<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: Blur(Add = 1, Direction = 225, Strength = 10)">Blur</span>
Đổ bóng:
<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: blue; Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1)">Shadow</span>
Lộn ngược:
<span style="width: 300; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: FlipV">Flip</span>
Nền:
<span style="width: 357; height: 50; font-size: 18pt; font-family: Arial Black; color: red; Filter: Glow(Color=#00FF00, Strength=20)">Glow</span>
Xám:
<span style="width: 300; height: 50; font-size: 18pt; font-family: Arial Black; color: red; Filter: Gray">Gray</span>
MÀu âm bản:
<span style="width: 387; height: 50; font-size: 18pt; font-family: Arial Black; color: red; Filter: Invert">Invert</span>
Mặt nạ
<span style="width: 357; height: 50; font-size: 18pt; font-family: Arial Black; color: red; Filter: Mask(Color=#00FF00)">Mask</span>
Đổ bóng màu khác
<span style="width: 357; height: 50; font-size: 18pt; font-family: Arial Black; color: red; Filter: Shadow(Color=#0000FF, Direction=225)">Color Shadow</span>
Sóng
<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: Wave(Add=0, Freq=2, LightStrength=10, Phase=10, Strength=10)">Wave</span>
Tia X:
<span style="width: 300; height: 30; font-size: 18pt; font-family: Arial Black; color: red; Filter: Xray">X ray </span>
Mặt nạ +bóng+chroma:
<span style="width: 357; height: 20; font-size: 18pt; font-family: Arial Black; Filter: Mask(color=#FF0000) Shadow(Color=#0000FF, Direction=225) Chroma(color=#FF0000)">The truth of a thing is the feel of it, not the think of it.</span>
(thu thuat PC)
Tin mới hơn:
- 19/06/2010 10:12 - Simple CSS -Bài 2: Một Số Quy Ước Về Cách Viết CSS
- 19/06/2010 10:08 - Simple CSS - Bài 1: Giới Thiệu
- 09/06/2010 08:34 - HTML5 và CSS3
- 24/05/2010 12:54 - 10 lý do để học CSS ,DIV thay cho Table
- 22/05/2010 09:13 - Tạo mã CSS dễ dàng với QrONE CSS Designer
Tin cũ hơn:
- 17/05/2010 16:00 - Tự học CSS
- 17/05/2010 15:45 - 7 thủ thuật CSS thường dùng đối với các lỗi "cố ý" của IE
- 10/05/2010 17:21 - Làm thẻ div có thanh cuộn (scrollbar) giống iFrame
- 10/05/2010 17:18 - 10 Thủ thuật CSS mà bạn cần biết - Phần I
- 24/04/2010 09:07 - Bài 12: CSS với bảng biểu (table)
