သိတဲ့သူလည္း သိၿပီးသား ၿဖစ္ကုန္ၾကပါပီ။
ကြ်န္ေတာ္လည္း သိတာေတာ့ ၾကာပီၿဖစ္ေပမယ့္ မစမ္းခဲ့ရေသးလို႔ ၊ ဒီေန႔မွ အခ်ိန္ရတုန္းစမ္းၾကည့္တာ အဆင္ေၿပတာနဲ႔ တင္ေပးလိုက္တာပါ။
အစက ကြ်န္ေတာ္ MITR ရဲ႕ ဆြဲလက္စ Template အသစ္မွာ Fade In/Out Effect ေတြကို JS နဲ႔ လုပ္ထားေတာ့ Loading တက္တာၾကာေနတာ ၊ အခုမွ ဒီနည္းေလးကို အမွတ္ရလို႔ ၊ သံုးၾကည့္ေတာ့ အဆင္ေၿပသြားတယ္ဗ်။
တစ္ခုေတာ့ရိွတယ္ ၊ Firefox မွာဆုိရင္ေတာ့ ရိုးရိုး Hover ေလးဘဲၿပတယ္။ Animation ပါ၀ူး။
အဲဒီ့ေတာ့ ၾကည့္ခ်င္ရင္ေတာ့ Firefox & IE ကလြဲရင္ က်န္တာနဲ႔ၾကည့္. Opera ေတာင္ တစ္ခ်ိဳ႕ webkit code ေတြဆုိ မရေသးဘူးထင္တယ္။

Code:


#test {
  opacity: 0.3;
  -webkit-transition: opacity 0.3s ease-in-out;
}

#test:hover {
  opacity: 1;
}

[img]http://www.freeimagehosting.net/uploads/22bd2bca42.png[/img]

coding ပိုင္း နဲ႔ ပတ္သက္လို႔ကေတာ့ CSS သိရင္ သိၾကၿပီထင္ပါတယ္။ အေသးစိတ္ရွင္းၿပေတာ့ဘူးေနာ္။
တကယ္လို႔ CSS ကို basic syntax ေလာက္ သိတယ္ ၊ concept နားလည္တယ္ ၊ ဒါေပမယ့္ CSS 3 ကို မသိၾကလုိ႔ သိခ်င္တယ္ဆုိရင္ေတာ့ ေမးပါ။ ရွင္းၿပေပးပါမယ္။
CSS မသိေသးဘဲနဲ႔ေမးရင္ေတာ့ CSS ကို ၿပန္ေလ့လာပါလို႔ဘဲေၿပာမွာေနာ္။

COPY/PASTE လုပ္ရံုလုပ္မယ့္သူေတြအေနနဲ႔ကေတာ့ image link ေနရာမွာ ၾကိဳက္တဲ့ ကိုယ့္ပံုရဲ႕ Link ကိုထည့္ၿပီးလုပ္ႏုိင္ပါတယ္။

Menu တစ္ခုကိုလည္း javascript မသံုးဘဲ လုပ္ၾကည့္ေနေသးတယ္။ ရရင္ ထပ္ေၿပာၿပမယ္။
ေလာေလာဆယ္ေတာ့ javascript ထက္ CSS 3 က ေကာင္းေနသား။
javascript ဘက္က ေနမယ့္သူရိွရင္လည္း Javascript Section ေအာက္ကေန အၿပိဳင္ေဆြးေႏြးဖို႔ ဖိတ္ေခၚပါတယ္။
ခုခ်ိန္ထိေတာ့ ကြ်န္ေတာ္က CSS 3 ဘက္ကဘဲေနဦးမွာ။
အဲ ယွဥ္လို႔မရတာေတြေတာ့ ကပ္သပ္မေၿပာနဲ႔ေနာ္။ Feature အတူတူရိွတာကိုဘဲ ယွဥ္ခိုင္းတာ။

Online မွာဘဲ Coding တစ္ခ်ိဳ႕ကို ေပါ့ေပါ့ပါးပါးစမ္းခ်င္တဲ့သူေတြအတြက္ ၾကံဳတုန္းၿပန္ မွ်ေ၀ေပးလိုက္တယ္။

Code:

http://www.onlinehtmleditor.net/