Как сделать такую анимашку? Или может быть кто-нибудь где-нибудь видел?

Question

[Артем Спиридонов]

В тексте картинки-миниатюры. Место расположения каждой картинки условно произвольное. По нажатию на картинку работает анимация - она увеличивается и становится посреди экрана над контентом, при этом верстка не едет.

Где-то видел такую анимацию, а где - не помню

Comments

[Сергей Герасимов]

Посмотрите, например, fancybox fancyapps.com/fancybox/3

[Артем Спиридонов]

Сергей Герасимов, да!

Ответьте ответом - выберу правильным

Answer 1

[Shadowman69]

Ну судя по Вашему описанию это обычная модальная картинка, насколько я понял. Решение здесь.

Answer 2

[Артем Спиридонов]

Оказывается, просто fancybox

Answer 3

[Виталий]

По клику подгружается верстка с картинкой куда надо , position fixed или static, в зависимости от дизайна

Comments

[Артем Спиридонов]

Смысл в том, что она анимируется, типа увеличиваясь от того места, где была (условно произвольного), до середины экрана с заданным padding

[Aleksandr Sechko]

Артем Спиридонов, Так просто добавь анимацию css. На htmlbook вкладка css анимация.

-webkit-transition: all 1s ease-out 0.2s;
     -moz-transition: all 1s ease-out 0.2s;
     -o-transition: all 1s ease-out 0.2s;
     transition: all 1s ease-out 0.2s;

Там где "all" обозначается свойство которое анимируются. Когда all то анимируются все измененные свойства.