Перейти к содержанию
Einshtein

Анимированный Логотип

Рекомендуемые сообщения

Решил поделится

в просторах интернета есть вот такой код:

#logo img{-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-timing-function:ease}
#logo a:hover img{-webkit-animation-name:tada;-moz-animation-name:tada;animation-name:tada}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}
@keyframes tada{0%{transform:scale(1)}
10%,20%{transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}
40%,60%,80%{transform:scale(1.1) rotate(-3deg)}
100%{transform:scale(1) rotate(0)}
}

 

вставить в файл стилей stylesheet.css без замен, в любое место

Эффект довольно любопытный :)

  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да, довольно забавно получается :)

 

Спасибо за код!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Это только для избранных броузеров, в Опере не работает :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в IE 10 тоже  :(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Мдя...эффектик )))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

это будет работать только на движках браузеров на основе/поддерживающих "webkit"

 


 

Приложения, использующие WebKit

 

  •  

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ЧуднО!!! Из некоторых тем периодически "пропадают" сообщения... Вот и из этой пропало, по крайней мере, 5 - 10 сообщений...  :?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость brk

ЧуднО!!! Из некоторых тем периодически "пропадают" сообщения... Вот и из этой пропало, по крайней мере, 5 - 10 сообщений...  :?

Это позорище лучше бы убрать с глаз долой, я представил что люди могут подумать о форуме нашем, раз такой нубский холиварище устроили юзеры с репой!

.. опера говно, не жрёт мой говнокод О_о и в таком духе  )

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Курилка - на то она и курилка, что в ней говорят обо всем (нужно же где-то холиварить). А то, что "юзеры с репой", так ведь все мы прежде всего люди, и ничто человеческое нам не чуждо)

О форуме думают (имхо) не по темам из курилки и им подобных, а по скорости и качестве решения проблем, поднятых в тематических разделах, ну и, конечно же, по действиям администрации в той или иной ситуации.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ЧуднО!!! Из некоторых тем периодически "пропадают" сообщения... Вот и из этой пропало, по крайней мере, 5 - 10 сообщений...  :?

.. опера говно, не жрёт мой говнокод О_о и в таком духе  )

 

Ну Вы же не будете спорить что ИЕ уг, потому что это факт, но в свое время этот браузер занимал весомую нишу среди своих собратьев и далеко не изза своей продвинутости, а благодаря той же рекламе и необразованности пользователей. В споре рождается истина. Опера - хорошо раскрученный бренд, который начинает отходить на 2й план (по крайней мере с появлением хрома). 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Einshtein сказал(а) 13 Апр 2013 - 14:10:

Опера - хорошо раскрученный бренд, который начинает отходить на 2й план (по крайней мере с появлением хрома).

Опера пользуется популярностью исключительно в рунете. В общемировой статистике её доля 1% и является постоянной уже не первый год. http://gs.statcounter.com/#browser-ww-monthly-200903-201303

Как видите, никакой корреляции с пользователями хрома. Зато чётко видна корреляция: Chrome <=> IE, Firefox <=> Safari.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.