Как показать изображение пополам или обрезать его по размеру?

Question

Я пробовал много раз, но этого не произошло ..

на img src я хочу показать только половину изображения, и когда я наведу курсор мыши на это изображение, оно покажет мне полное изображение ... это возможно

Answer 1

Есть свойство под названием Clip

отметьте это http://jsfiddle.net/8fjZA/

Answer 2

Да. Вы можете использовать div с overflow:hidden; вокруг изображения. Измените размер div вместо размера изображения.

Пример с jQuery: http://jsfiddle.net/5GWCz/

Или только CSS: http://jsfiddle.net/5GWCz/2/

Answer 3

Вы можете использовать CSS Image Sprites для этого взгляда по этой ссылке

http://www.w3schools.com/css/css_image_sprites.asp