Skip to main content

Posts

Showing posts with the label hover

sawsan Mouse Hover

Mouse Hover ဆိုတာ သိပ်အထူးအဆန်းကြီးတော့ မဟုတ်တော့ပါဘူး၊ တော်တော်များများမြင်ဖူးပီးသား၊ ရင်းနှီးပီးသား mouse effect တစ်ခုပါ။ အခုလည်း ကျနော်က ကျနော်မြင်တွေ့ဖူးထားတာလေးတွေရယ်၊ ကိုယ့်စိတ်ကူးနဲ့ကိုယ်တွေးပီးရေးထားတဲ့ mouse hover code လေးတွေအကြောင်းပြောပြချင်ပါတယ်။ ပထမဆုံး .. Text shadow mouse hover ဒါက mouse ထောက်လိုက်တဲ့အချိန်မှာ text shadow ပေါ်လာတဲ့ပုံစံပါ။ဒီလိုပုံစံလေးပါ။ အောက်က code လေးကို run ကြည့်လိုက်ပါ။ <html> <head> <style> h2 a {color:#000; } h2 a:hover {text-shadow:#1f01fd 2px 2px 2px;} </style> </head> <body> <h2><a href="http:// something link " target="_blank">This is Title </a></h2> </body> </html> အခုပေးတဲ့ code တွေကို notepad ထဲမှာ ထည့်ပြီး filename.html ဆိုပြီး html format နဲ့ save ပြီး run ကြည့်ပါ။ text shadow အတွက် text-shadow:#အရောင် x, y, bluer ဆိုပြီးသုံးပေးရတာပါ။ Simple border mouse hover ဒါကတော့ mouse ထောက်လိုက်တဲ့အချိန်မှာ ရိုးရှင်းတဲ့ boder frame လေးတစ်ခုပေါ်တာတဲ့ပုံစံပါ။ ဒ