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

[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 без замен, в любое место

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

[unkind]

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

 

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

[rb2]

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

[unkind]

в IE 10 тоже  :(

[Esox]

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

[Zeppelin]

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

 

 

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

• Safari — веб-браузер от Apple для Mac OS
• iCab — веб-браузер для Mac OS X
• 
  
• Chromium — браузер с открытым исходным кодом
  • CoolNovo — веб-браузер компании Maple Studios, расширяющий возможности Google Chrome.
  • Comodo Dragon — веб-браузер компании Comodo Group, с усиленной защитой конфиденциальных данных
  • 
    
  • Google Chrome — веб-браузер компании Google, созданный на базе проекта Chromium
  • 
    
  • SRWare Iron — веб-браузер компании SRWare, выпущенный в связи с тем, что Google Chrome отправляет компании Google сведения о пользователе
  • 
    
  • Интернет@mail.ru — веб-браузер Mail.ru (ранее Хром@mail.ru).
  • 
    
  • Рамблер Нихром — веб-браузер Рамблера
  • 
    
  • Яндекс.Браузер — веб-браузер Яндекса (ранее Яндекс Хром).
  • 
    
• 
  
• Мобильные платформы для смартфонов и интернет-планшетов:
  • Apple iOS — платформа для мобильных смартфонов и интернет-планшетов
  • Google Android — платформа для смартфонов и интернет-планшетов
  • 
    
  • HP webOS — платформа для смартфонов и интернет-планшетов^[4]
  • 
    
  • Samsung Bada — платформа для смартфонов^[5]
  • 
    
• 
  
• Epiphany — веб-браузер для среды рабочего стола GNOME
• 
  
• Adobe Integrated Runtime (AIR) — платформо-независимая среда для запуска приложений
• 
  
• Arora — веб-браузер, основанный на Qt 4
• 
  
• Bolt Browser — веб-браузер на java для мобильных устройств
• 
  
• Iris Browser — веб-браузер для Windows Mobile
• 
  
• Dolfin — стандартный браузер в ОС Bada^[6]
• 
  
• Konqueror — основанный на KHTML и WebKit веб-браузер и файловый менеджер, входящий в состав KDE 4
• 
  
• LeechCraft — свободная кроссплатформенная модульная рабочая среда, включающая в себя браузер, IM-клиент, аудиоплеер, клиент для чтения лент новостей, BitTorrent-клиент и другие модули
• 
  
• Maxthon 3 — веб-браузер для Windows с возможностью переключения движка на Trident.
• 
  
• Midori — веб-браузер, основанный на Gtk. Планируется включение в состав среды рабочего стола Xfce.
• 
  
• Nokia Series 60 browser — веб-браузер для мобильных телефонов Nokia S60
• 
  
• OmniWeb — веб-браузер для Mac OS X
• 
  
• QtWeb — веб-браузер для Windows, основанный на Qt
• 
  
• QupZilla — кроссплатформенный веб-браузер на Qt, хорошо интегрированный с пользовательским окружением рабочего стола
• 
  
• rekonq — веб-браузер, основанный на Nokia QtDemoBrowser
• 
  
• RockMelt — социальный браузер, поддерживающий синхронизацию с Facebook и Twitter
• 
  
• Shiira — веб-браузер для Mac OS X
• 
  
• Surf — простой веб-браузер
• 
  
• Swift — веб-браузер для Windows
• 
  
• Adium — IM клиент для Mac OS X
• 
  
• qutIM — кроссплатформенный IM клиент
• 
  
• Vacuum-IM — кроссплатформенный Jabber клиент, написанный на Qt
• 
  
• Uzbl — веб-браузер для Unix-подобных систем с подключаемыми в виде скриптов интерфейсами, управляющими отображающей страницы программой.
• 
  
• Steam — сервис цифровой дистрибуции компании Valve стал использовать движок WebKit вместо MS Trident, что позволило значительно увеличить производительность и улучшить безопасность работы, а также портировать программу на Mac OS X.
• 
  
• Yahoo! Messenger — программа мгновенного обмена сообщениями, WebKit используется для отрисовки сообщений.^[7]
• 
  
• Luakit — минималистичный веб-браузер, напоминающий Firefox со включенным расширением Vimperator.
• 
  

 

•  

[Strelez]

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

[Гість brk]

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

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

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

[Strelez]

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

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

[Einshtein]

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

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

 

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

[rb2]

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

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

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

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

[popochka]

Как адаптировать на 2.3?