鍍金池/ 問答/HTML/ 這中效果怎么做

這中效果怎么做

點(diǎn)擊圖標(biāo)的時(shí)候這個(gè)這個(gè)搜索框逐漸展開的效果怎么做。從右向左展開

回答
編輯回答
未命名
div{
    width:100px;
    height:100px;
    border-radius:50px;
    background:#ccc;
    overflow:hidden;
    float:right;
}
div:hover{
  width:400px;
  transition: width 2s; 
}
輸入框?qū)懺赿iv內(nèi)，超出部分隱藏
2017年10月1日 06:06