Я пытаюсь создать галерею изображений, где каждое отображаемое изображение представляет собой div, содержащий список изображений и расширяющееся текстовое поле, которое отображается при наведении курсора. Текстовое поле и изображение анимированы таким образом, что при наведении на них изображение должно немного сместиться влево, а текстовое поле расширяется до предопределенной ширины, чтобы отобразить «заголовок» вправо (поля с сохранением 10%). В идеале, при наличии списка изображений каждое изображение должно иметь эффект постепенного появления и исчезновения (я полагаю, путем поворота всех изображений и изменения Z-индекса), когда атрибут hover активен.
Вид того, как Оригинальный вид:
//See the fiddle...(I am just going to make a mess of this post with the html)
https://jsfiddle.net/1e6hwgL7/
Полностью прикреплен к изображениям:
//See the fiddle...(I am just going to make a mess of this post with the html)
http://jsfiddle.net/t8qxvnjh/