Our social:

July 11, 2015

ပံုကိုထိလိုက္တာနဲ့ ပံုက ပတ္ပတ္လည္ေနေစေအာင္


အထက္ပါကဲ့ သို့ BLOG မွာ တင္တဲ့ ပံုတိုင္း(သိုမဟုတ္). ပံုတခုခုကို ..ေမာက္ေလးနဲ့ ထိလိုက္တာ နဲ့
ပတ္ပတ္လည္ - လည္ပတ္ သြားေစရန္ျပဳလုပ္ နိုင္မဲ့ နည္းလမ္းေလး ပါ။ 

ဒီေန့..ရွာရင္းေဖြရင္းကလိၾကည့္တာ...အဆင္ေျပလို့ ေနာက္ျပန္ေလ့လာလို့ရေအာင္..တင္လိုက္ပါတယ္




ပထမ နည္း

ဒီနည္းက Blog မွာတင္တဲ့ ပံုတိုင္း လည္ေနမွာ ျဖစ္ပါတယ္
Blog အေကာင့္ကို ဖြင့္ 
Templates ကုိကလစ္ >> Edit HTML.ကိုနွိပ္
Ctrl  + F ကိုတြဲနွိပ္ျပီး  ]]></b:skin>  ကိုရွာပါ
ရွာေတြ့ရင္ ]]></b:skin> ရဲ႔အေပၚ မွာ ေအာက္က အနီေရာင္ ကုတ္ ေတြကို ေကာ္ပီယူျပီထည့္လိုက္ပါ

img {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
img:hover {
-webkit-transform:rotate(1080deg);
-moz-transform: rotate(1080deg);
-o-transform:  rotate(1080deg);
-ms-transform: rotate(1080deg);
transform: rotate(1080deg);
}



ထည့္ျပီးရင္ Save လိုက္ပါ။ ....


ဒုတိယနည္း


Blog အေကာင့္ကို ဖြင့္ 
Templates ကုိကလစ္ >> Edit HTML.ကိုနွိပ္
Ctrl  + F ကိုတြဲနွိပ္ျပီး  ]]></b:skin>  ကိုရွာပါ
ရွာေတြ့ရင္ ]]></b:skin> ရဲ႔အေပၚ မွာ ေအာက္က အနီေရာင္ ကုတ္ ေတြကို ေကာ္ပီယူျပီထည့္လိုက္ပါ

.rotate {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.rotate:hover {
-webkit-transform:rotate(1080deg);
-moz-transform: rotate(1080deg);
-o-transform:  rotate(1080deg);
-ms-transform: rotate(1080deg);
transform: rotate(1080deg);
}


ထည့္ျပီးရင္ Save လိုက္ပါ။post မွာ ပံုတင္တဲ့ အခါ ေအာက္က ကုတ္ကို အစားထိုးထည့္ပါ။
<img class="rotate" src="Put Your Image Link Here" alt="Alternate Text" title="Title Text" />

Put Your Image Link Here ဆိုတဲ့ ေနရာ ပံုရဲ့ url ကိုထည့္သြင္းပါ။

ေညာင္ညိဳသားေလးသို ့{ ဒီမွာ } သြားလိုက္ပါ



0 comments:

Post a Comment