Google Plus фото анимация с помощью CSS3 или JQuery?

Question

так вот анимация

в

и этот

как они могут это сделать?1. изменить размер анимации 2. стек и анимация.

просто CSS3?Любой пример?

Спасибо

Адам Рамадан

Answer 1

Чтобы ответить на ваш вопрос:

1. Чтобы изменить размер и оживить изображение (эффект увеличения), вы должны использовать что-то вроде:

   ul#pics li:hover {
       -moz-transform: scale(1.1) rotate(0deg);
       -webkit-transform: scale(1.1) rotate(0deg);
       -o-transform: scale(1.1) rotate(0deg);
       -ms-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
   }
   

2. Для стека и анимации вы должны использовать CSS3 и jQuery.

Answer 2

На моей машине, использующей Chrome, я вижу CSS3 -webkit-transform.Так как это единственное transform, которое они используют, это должно быть обнаружение того, что мой браузер является webkit, и выбор правильного способа преобразования.У них, вероятно, есть различные другие методы для других браузеров.

Однако нет отступления от jQuery, поскольку страница не использует jQuery;Возможно, Google разработал другой запасной вариант JavaScript.

Answer 3

это что-то, что вы ищете?