how to resize an image without distortion css code example

Example: css resize image without distortion

.frame {
  height: 250px;
  background: transparent no-repeat center;
  background-size: cover;
  background-image: url('http://i.imgur.com/lNB7QSt.jpg')
}