Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

Kp3နည္းပညာ၊၄၈၉၊ဘေလာ့မွာCss3ကိုသံုးျပီး3DTextထည့္ခ်င္ရင္

 အခုတင္တာေလးကေတာ့မိမိဘေလာ့မွာဘာSoftwareမွသံုးစရာမလိုဘဲ3DTextေလးလုပ္နည္းေလးပါ။Css3ကုဒ္ကိုသံုးတာ
ေပါ့ေနာ္။ကုဒ္ကေတာ့ရွင္းပါတယ္။ေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္။မိမိၾကိဳက္တဲ့စသားေျပာင္းထည့္ေပးလို႕ရပါတယ္။
http://kp3family.blogspot.comေနရာမွာမိမိၾကိဳက္တဲ့လင့္ခ္နဲ႕အစားထိုးေပးလိုက္ပါ။အသစ္ေလးေတြေပါ့ေနာ္အမ်ားၾကီး
ရွိေသတယ္ေနာ္တင္စရာေတြ၊ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု





Design>>Add a Gadget>>HTML/JavaScript Add ထည့္ေပးလိုက္ပါ။
<style>
#animationWrapper  {
  width:200px;
  font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue","Arial",sans-serif;
  background:#222;
  padding:40px;
}

/* link which encapsulates SPANs */
#animationWrapper a {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 42px;
  line-height: 0.9em;
  margin-bottom: 10px;
  display: block;
  position: relative;
  color: #E58;
  text-decoration: none
}

/* span and a - "workers" */
#animationWrapper a, #animationWrapper span {
  -webkit-transition: all 0.12s ease-out;
  -moz-transition: all 0.12s ease-out;
  -o-transition: all 0.12s ease-out;
  -ms-transition: all 0.12s ease-out;
  transition: all 0.12s ease-out;
}

#animationWrapper span {
  display: block;
  color: #555;
  text-shadow: 1px 1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black, 6px 6px black, 7px 7px black, 8px 8px black;
}

/* special size for the first item */
#animationWrapper .span1 {
  font-size: 56px;
  line-height: 0.8em;
}

#animationWrapper a:hover {
    color: #fff ;
    top: -3px;
    left: -3px;
}

/* all spans become white */
#animationWrapper a:hover span {
  color:#fff;
}

/* different colors for each SPAN */
#animationWrapper a:hover .span1 {
    text-shadow: 1px 1px #58E, 2px 2px #58E, 3px 3px #58E, 4px 4px #58E, 5px 5px #58E, 6px 6px #58E, 7px 7px #58E, 8px 8px #58E, 9px 9px #58E, 10px 10px #58E, 11px 11px #58E;
}

#animationWrapper a:hover .span2 {
    text-shadow: 1px 1px #F90, 2px 2px #F90, 3px 3px #F90, 4px 4px #F90, 5px 5px #F90, 6px 6px #F90, 7px 7px #F90, 8px 8px #F90, 9px 9px #F90, 10px 10px #F90, 11px 11px #F90;
}

#animationWrapper a:hover .span3 {
    text-shadow: 1px 1px #3C7, 2px 2px #3C7, 3px 3px #3C7, 4px 4px #3C7, 5px 5px #3C7, 6px 6px #3C7, 7px 7px #3C7, 8px 8px #3C7, 9px 9px #3C7, 10px 10px #3C7, 11px 11px #3C7;
}

#animationWrapper a:hover .span4 {
    text-shadow: 1px 1px #E58, 2px 2px #E58, 3px 3px #E58, 4px 4px #E58, 5px 5px #E58, 6px 6px #E58, 7px 7px #E58, 8px 8px #E58, 9px 9px #E58, 10px 10px #E58, 11px 11px #E58;
}
</style>
<center>
<div id="animationWrapper">
  <a href="http://kp3family.blogspot.com">
    <span class="span1">Sample</span>
    <span class="span2">Example</span>
    <span class="span3">Effects</span>
    <span class="span4">Blogger</span>
  </a>
</div>
</center>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

Reactions:

11 comments:

အကို က်ေနာ္ ဆိုဒ္ကိုဖြင့္လိုက္ရင္ new tab မွာ http://bestar-space.blogspot.com/ ဆိုျပီးခဏဏေပၚေနတယ္..ဘယ္လိုလုပ္ရမွာလဲအကို

ေက်းဇူးမ်ားစြာတင္ပါတယ္ ပညာေတြအရမ္းရတယ္ဗ်ာ ေပ်ာ္ရႊင္ခ်မ္းေျမ႕ပါေစ

ကၽြန္ေတာ့္ ဘေလာ့မွာ join to this site ဆိုတဲ႔ member ၀င္တဲ႔ဟာကို Remove လုပ္မိလို႔
ဘယ္လိုျပန္လုပ္ရမလဲမသိ ကူညီပါဦး kp3family ကိုအားကိုးပါတယ္

Add gadget မွာျပန္ယူလိုက္ပါ

အစ္ကုိ တုိ ့ခင္ဗ်ာကၽြန္ေတာ္ Blog ကုိ ကၽြန္ေတာ္ သူငယ္ခ်င္းေတြကုိ Member အေနနဲ ့လုပ္ေပးခ်င္ပါတယ္ ခင္ဗ်ာ... လုပ္လုိ ့ရ မရ သိခ်င္ပါတယ္ .. ရရင္ ဘယ္ လုိ ့လုပ္ရမယ္ဆုိ တာေက်းဇူး ျပဳျပီးေျပာေပးပါေနာ္....အစ္ကုိတုိ ့...

ကၽြန္ေတာ္ Blog မွာ Member လုပ္ေပးလုိ ့ရလားသိခ်င္ပါတယ္.. ရရင္ ဘယ္လုိ ့လုပ္ ရမလဲေျပာျပေပးပါ...

http://theravadaessencial.blogspot.com/
လာလည္ၾကည့္ေစခ်င္ပါတယ္

member လက္ခံပါတယ္။

Post a Comment

မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။