Arama Kutusu Efekt Verme?

[Point1234]

Merhaba arkadaşlar.

Ben şu "arama kutusu" na efekt vermek istiyorum yani üzerine tıklayınca hafifcene sola doğru gerilsin.
Bunun kodunu bilen varmı ?

[Aeon KF]

fexe temalarında var ara bulursun.

[ByKraL]

ForumExE Deki myb forumuna bak orda araştır ben paylaşmıştım ama şimdi o konu gitti :D

[#Power]

Bi dk bulcam onu

[#Power]

Global.cssye şunu ekle;

Kod: Tümünü Seç Tümünü Kopyala

input.textbox {
transition-property: width;
transition-duration:0.5s;
transition-delay: 0.5s;
transition-timing-function:ease-in-out;

}

  input.textbox:focus {
  width:250px;
  }

[Point1234]

Arama kutusunun cssine bunu ekle

Kod: Tümünü Seç Tümünü Kopyala

transition: width 0.5s ease-in-out 0.5s;

Olmuyor ?
Tam nereye koyucam.

[#Power]

Düzenledim yazıyı şimdi dene.

[Point1234]

Global.cssye şunu ekle;

Kod: Tümünü Seç Tümünü Kopyala

input.textbox {
transition-property: width;
transition-duration:0.5s;
transition-delay: 0.5s;
transition-timing-function:ease-in-out;

}

  input.textbox:focus {
  width:250px;
  }

oluyor fakat yavaş çekim olmuyor. 500ms yapıyorum gine olmuyor

[#Power]

Transition kodlarını focusa ekle o zaman

[Novruz]

Site Adresi Almadan Destek Veriyormuyduz?

[Point1234]

Liketr.10tr.net

[Point1234]

Güncel+

[Batuhann]

Bunu dene bakalım.

Kod: Tümünü Seç Tümünü Kopyala

input{
display:block;
width:105px;
color:#fff;
-webkit-transition-property:width;
 -moz-transition-property:width;
   -o-transition-property:width;
      transition-property:width;
-webkit-transition-duration:0.4s;
 -moz-transition-duration:0.4s;
   -o-transition-duration:0.4s;
      transition-duration:0.4s;
-webkit-transition-delay:0.4s;
 -moz-transition-delay:0.4s;
   -o-transition-delay:0.4s;
      transition-delay:0.4s;
-webkit-transition-timing-function:ease-in-out;
 -moz-transition-timing-function:ease-in-out;
   -o-transition-timing-function:ease-in-out;
      transition-timing-function:ease-in-out;
}