CodePen

HTML

            
              <input type="submit" id="input_contact" value="A"/>
<input type="submit" id="input_contact" value="B"/> 
<input type="submit" id="input_contact" value="C"/>
<input type="submit" id="input_contact" value="D"/>
            
          
!

CSS

            
              #input_contact {
  background: #CFEFAB;
  border: none;
  font-size: 20px;
  font-weight: bold;
  height: 30px;
  margin: 0px 0px 70px 0px;
  top: 2px;
  transition: all 0.4s ease 0s;
  vertical-align: top;
  width: 160px;
}

#input_contact:hover {
  height: 100px;
  margin: 0px 0px 0px 0px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................