.holder{ width : 500px; margin : 0px auto; text-align : center; font-family : arial; } .button{ display : inline-block; padding : 3px; background : #333; color : #fff; border-radius : 3px; cursor : pointer; } .hover:hover .strip{ width : 100px; } .padd{ padding:3px; } .strip{ box-sizing : border-box; border-radius : 3px; margin-top : 5px; width : 0px; display : inline-block; overflow : hidden; white-space : nowrap; transition : all 0.3s ease-out; background : #333; color : #fff; }