Border issue for Div

by Abhijeet Deshmukh

HTML

<div>
  Sample DIV for testing
</div>

CSS

div {
    //border: 10px solid blue;
    background-color: lightblue;
    -webkit-transition: border 1s ease;
    -moz-transition: border 1s ease;
    -o-transition: border 1s ease;
    -ms-transition: border 1s ease;
    transition: border 1s ease;
  }
  
  div:hover {
    border: 40px solid red;
    background: lightgreen;
  }