Hover эффекты для изображений (с помощью свойств CSS Transform и CSS Transition)

Как часто вы натыкаетесь в интернете на скучные фотогалереи? Я вижу это слишком часто. Особенно если к фотографиям идут сопроводительные надписи, которые совершенно не вписываются в окружающее оформление.

Видимо автору данных hover эффектов @JacobStone тоже надоело видеть безликие фотогалереи и он предложил вариант их оформления. Реализация достаточно простая, но очень симпатичная. Когда вы наводите курсор на изображение, появляются название фотографии, описание и кнопка «читать дальше».

Каждый вариант из представленных под разными углами, попробуйте.

See the Pen Hover effects with CSS3 by Jacob (@JacobStone) on CodePen.

Если вам понравились данные эффекты, то вы можете также почитать про используемые CSS свойства: CSS Transform и CSS Transition на страницах моего блога.