Tặng bạn: Hiệu ứng ảnh và chữ bằng Filter !
Không cần Photoshop, Flash, CorelDraw, Java, . . . !
[color=navy]
1. Lật ảnh và chữ theo chiều dọc, ngang:
+ Lật ảnh theo chiều doc:
<img src="image.gif"
style="Filter:FlipV">
+ Lật chữ theo chiều dọc:
<span style="width:400; height:100;
text-align:center; font-family:Tahoma;
font-size:18pt; color:#FF0000; font-weight:bold;
Filter:FlipV "> JAVANDK </span>
Tương tự, để lật ảnh & chữ theo chiều ngang, ta chỉ việc thay FlipV bằng FlipH. Mặt khác, nếu thích thì ta có thể kết hợp cả FlipV và FlipH
style="Filter: FlipV FlipH"
2. Chuyển ành màu thành ảnh trắng và ảnh âm bản:
+ Chuyển ảnh màu sang ảnh trắng đen:
<img src="image.gif"
style="Filter:Gray">
+ Chuyển ảnh màu thành ảnh âm bản:
<img src="image.gif"
style="Filter:Invert">
3. Tạo ảnh và dòng chữ uốn lượn sóng:
+ Tạo ảnh uốn lượn sóng:
<img scr="image.gif" style="Filter: Wave(Add=false,
Freq=5, LightStrength=3, Phase=45, Strength=10)">
+ Tạo chữ uốn lượn sóng:
<span style="width:400; height:100;
text-align:center; font-family:Tahoma;
font-size:18pt; color:#FF0000; font-weight:bold;
Filter: Wave(Add=false, Freq=5, LightStrength=3,
Phase=45, Strength=10)"> JAVANDK </span>
Ý nghĩa các tham số:
Add: Cho phép vẽ chồng hình hay không (true/false)
Freq: Số lần lượn sóng.
LightStrength: Mức tia sáng chiếu ngang.
Strength: Mức độ lọc
4. Tạo ảnh mờ, ảnh có khung tròn, ảnh có tia sáng chiếu vào:
+ Tạo ảnh mờ :
<img src="image.gif"
style="Filter:Alpha(Opacity=30)">
+ Tạo ảnh mờ có khung ngoài tròn:
<img src="image.gif"
style="Filter:Alpha(Opacity=30, FinishOpacity=0, style=2)">
+ Tạo bức ảnh có tia sáng chiếu vào:
<img src="image.gif"
style="Filter:Alpha(Opacity=0, FinishOpacity=100, style=2)">
Ý nghĩa tham số:
- Opacity: Độ mở của ảnh (0-100), 0 là mờ hoàn toàn, 100 là không mờ.
- FinishOpacity: Độ mờ cuối cùng, có thể ở ngoài biên hay ở tâm điểm tùy theo thông số của Style.
- Style: Xác định hướng làm mờ (0-3)
0: Không thực hiện.
1: Tỏa ra theo huớng đường thẳng.
2: Tỏa ra theo hướng đường tròn.
3: Tỏa ra theo hướng hình chữ nhật.
5. Làm nhòe ảnh và chữ:
+ Để tạo một bức ảnh nhòe ta dùng đoạn Code sau:
<img src="image.gif"
style="Filter: Blur(Add=true, Direction=45, Strength=10)">
+ Tạo một dòng chữ nhòe:
<span style="width:400; height:100;
text-align:center; font-family:Tahoma;
font-size:18pt; color:#FF0000; font-weight:bold;
Filter:Blur(Add=true, Direction=45, Strength=3)"> JAVANDK </span>
Y nghĩa các tham số:
Add: Cho phép vẽ chồng hình hay không (true/false).
Direction: Hướng nhòe.
Strength: Mức độ nhòe.
6. Làm chứ có bóng, chữ sáng rực rỡ:
+ Tạo dòng chữ có bóng(shadow):
<span style="width:400; height:40;
text-align:center; font-family:Tahoma;
font-size:18pt; color:#00FF00; font-weight:bold;
Filter:DropShadow(Color=#00080, OffX=3, OffY=3, Positive=true)"> JAVANDK </span>
+ Tạo dòng chữ sáng rực rỡ:
<span style="width:400; height:40;
text-align:center; font-family:Tahoma;
font-size:18pt; color:#008000; font-weight:bold;
Filter:Glow(Color=#FFFF00, Strength=6)"> JAVANDK </span>
Ý nghĩa các tham số:
OffX: Khoảng cách theo chiều X của bóng.
OffY: Khoảng cách theo chiều Y của bóng.
Posite: Tạo bóng từ những điểm không trong suốt haytrong suốt (true/false)