xX x
2006/Sep/06
2006/Sep/01
2006/Aug/30
ใส่ Effect ให้กับ Link ทั้งตัวหนังสือ และรูปภาพ
Insert below code in the A: Hover brackets ( ). | A:visited {color:COLOR; text-decoration: none;} A:link {color:COLOR; text-decoration: none;} A:active {color: COLOR; text-decoration: underline;} A:hover {cursor: HAND; color: BLUE; text-decoration: underline;} |
*Glow Links on Mouseover | filter:Glow(color=COLOR,strength=4);height:0px; |
*Drop Shadow Links on Mouseover | filter:DropShadow(color=COLOR,strength=4);height:0px; |
*Shadow Links on Mouseover | filter:Shadow(color=COLOR,strength=4);height:0px; |
*Blur Links on Mouseover | filter:blur(add="1",direction="360",strength="4"); height:0; |
Highlight Links on Mouseover | background-color:COLOR; |
Grey Links on Mouseover | filter:gray(); height:0; |
| Mask Links on Mouseover | filter:mask; height:0; |
| *Wave Links on Mouseover | filter:Wave(strength=4);height:0px; |
Invert Colors of Links on Mouseover | filter:invert(); height:0; |
| CAPITAL Links on Mouseover | text-transform:uppercase; |
lowercase Links on Mouseover | text-transform:lowercase; |
Image Hover Codes | |
| *Black and White with Color on Mouseover | a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;} |
| *Flip Horizontally on Mouseover | a:hover img {filter:fliph;} </style> |
| *Color with Black and White on Mouseover | a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} |
| *Flipped Horizontally with Normal on Mouseover | a:link img {filter:fliph;} a:visited img {filter:fliph;} a:hover img {filter:none;} |
*Blur on Mouseover | a:hover img {filter: blur(add = 0, direction = 225, strength = 10)} |
| *Blurred with Normal on Mouseover | a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none} |
| *Emboss on Mouseover | a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} |
| *Embossed with Normal on Mouseover | a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} |
| *Engrave on Mouseover | a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.engrave;} |
| *Engraved with Normal on Mouseover | a:link img {filter:progid:dximagetransform.microsoft.engrave;} a:visited img {filter:progid:dximagetransform.microsoft.engrave;} a:hover img {filter:none;} |
| *Invert Colors on Mouseover | a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:invert;} |
| *Inverted Colors with Normal on Mouseover | a:link img {filter:invert;} a:visited img {filter:invert;} a:hover img {filter:none;} |
| *X-ray on Mouseover | a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray();} |
| *X-rayed with Normal on Mouseover | a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} |
| *Transparent on Mouseover | a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:alpha(opacity=60);} |
| *Transparent with Normal on Mouseover | a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} |
