Каким образом методами JS(JQuery) и CSS можно получить подобный эффект при наведении курсора на объект?

Question

[kamilongus]

Как это сделать, не понимаю.

Answer 1

[kamilongus]

Верхний вариант не подходит в моем случае.
Нужно, чтобы было как на прикрепленной картинке. Извиняюсь за криворукость, но думаю, суть будет ясна.

Comments

[Ksider]

вы про обрезанные края? тогда смысл тот же только нужно еще z-index прописывать.

[Ksider]

типа того codepen.io/ksider/pen/pJNvRG
может эта статья чем поможет tympanus.net/Development/IconHoverEffects

[kamilongus]

Ksider: Спасибо! Да, то, что нужно!

[Евгений Петров]

kamilongus: Я правильно понял, что Ksider написал вам рабочий вариант, но решением вы отметили свой комментарий? Рукалицо...