CSS3CodeသံုးျပီးပံုေတြကိုMouseနဲ႕ေထာက္ရင္ပံုၾကီးေပၚေအာင္ထည့္နည္း

ဒီပုိ့စ္ေလးကေတာ့ဘေလာ့မွာပံုေတြကိုCSS3CodeသံုးျပီးပံုေတြကိုMouseနဲ႕ေထာက္ရင္ပံုၾကီးေပၚေအာင္ထည့္နည္းေလးပါ။တင္ခ်င္တဲ့ ဘေလာ့မိတ္ေဆြေတြအတြက္ေ့ပါေနာ္။ေအာက္မွာနမွူးနာပုံနဲ့တကြcondပါျပထားေပးပါတယ္။ၾကဳိက္ၾကမယ္လုိ့လည္ထင္ပါတယ္။

ေအာက္က မွူရင္းပုံေလးပါ

Preview

ေအာက္မွာထည့္ရမယ့္ေနရာ နဲ့ cond
၁။Sign In Blogger

၂။Edit HTML

၃။ေအာက္က Code ကိုရွာပါ။

  
  ]]></b:skin>

၄။ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။

  
  .MBT-CSS3 img{
    -webkit-transform:scale(0.7); /*Webkit 0.7 times the original Image size*/
    -moz-transform:scale(0.7); /*Mozilla 0.7 times the original Image size*/
    -o-transform:scale(0.7); /*Opera 0.7 times the original Image size*/
    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
    -moz-transition-duration: 0.5s; /*Mozilla Animation duration*/
    -o-transition-duration: 0.5s; /*Opera Animation duration*/
    opacity: 0.5;
    margin: 0 10px 5px 0;
    }

    .MBT-CSS3 img:hover{
    -webkit-transform:scale(1.1); /*Webkit: 0.5 times the original Image size*/
    -moz-transform:scale(1.1); /*Mozilla 0.5 times the original Image size*/
    -o-transform:scale(1.1); /*Opera 0.5 times the original Image size*/
    box-shadow:0px 0px 30px gray;
    -webkit-box-shadow:0px 0px 30px gray;
    -moz-box-shadow:0px 0px 30px gray;
    opacity: 1;
    } 

၅။Save Template ကိုႏိုပ္လိုက္ပါ။

 မျပီေသပါဘူးေအာက္မွာထၾကည့္ပါ။

၆။မိမိတင္ခ်င္တဲ့ပံုေတြကိုေအာက္မွာျပထားတဲ့ကုဒ္၂ခုရဲ႕အၾကားမွာပံုရဲ႕လင့္ခ္ကိုထည့္ေပးလိုက္ပါ။

<div class="MBT-CSS3">
<img src="ဒီမွာပံုရဲ႕လင့္ခ္ကိုထည့္ေပးပါ" />
</div>

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
Mr Thangming