Input con translacion

[phyronx]

Encontre otro codigo:

Código CSS:

<style>
 
.kk, textarea {  
    width: 280px;  
    -webkit-transition: width 1s ease;  
    -moz-transition: width 1s ease;  
    -o-transition: width 1s ease;  
    -ms-transition: width 1s ease;  
    transition: width 1s ease;  
}  
  
.kk:focus, textarea:focus {  
    width: 340px;  
} 
 
    
      
</style>
 

Esta vez para hacerlo sin javascript.

Código HTML:

<input class="kk" name="buscar"  type="text">
 

Pero igual, no me hace l;a translacion.