¿Cuál es la diferencia entre background-size: cover; y tamaño de fondo: 100% ;?

Cuando configuro la propiedad de tamaño de fondo de una imagen de un div abackground-size: cover; obackground-size: 100%;, ambos se ven iguales. ¿Cuál es la diferencia? ¿Cuándo debo usar cover y cuándo 100%?

la transición del tamaño del fondo al pasar el mouse hace que el cromo "agite" la imagen de fondo

Estoy tratando de lograr un efecto que vi recientemente, donde la imagen de fondo se acerca al pasar el mouse. Lo hice más o menos con el ejemplo aquí: https://jsfiddle.net/qyh6nbwt/ [https://jsfiddle.net/qyh6nbwt/]pero parece ser muy inestable ...

Tamaño de fondo CSS: cubierta + archivo adjunto de fondo: imágenes de fondo de recorte fijo

Tengo una lista de figuras que contienen imágenes de fondo. Algo como lo siguiente: <ul> <li> <figure style="background-image: url(...);"></figure> </li> <li> <figure style="background-image: url(...);"></figure> </li> <li> ...

¿Cómo emular tamaño de fondo: cubrir en <img>?

Tamaño de fondo con SVG aplastado en IE9-10

Tengo un conjunto div con una imagen de fondo: <div>Play Video</div>con el siguiente CSS: div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: ...