Comments 40
UFO just landed and posted this here
UFO just landed and posted this here
Если становится красным или черным, то это меняется background-color с помощью Media Queries:
Но странно, что у вас он срабатывает при изменении масштаба, а не размера браузера.
/* 480px */
@media handheld and (max-width : 480px),
screen and (max-device-width : 480px),
screen and (max-width : 480px) {
html.cssanimations {
background-color : rgb(40,40,40)!important;
[...]
Но странно, что у вас он срабатывает при изменении масштаба, а не размера браузера.
FF4 и Opera 11.10 — та же история.
Мужик с картинки Хитмана напомнил
Думаю в статье стоит указать что анимация была сделана на основе заставки сериала MedMan, точнее практический полностью её повторяет :)
Это заставка к сериалу «Mad Men», рекомендую к просмотру (сам сериал, разумеется).
Это точно не заставка к «Mad Men»). С трудом себе представляю Д.Д. в костюме и кроссовках адидас… хотя сейчас, вроде 5й сезон на подходе)
А сериал действительно неплохой, жаль только первые два сезона нормально озвучили.
А сериал действительно неплохой, жаль только первые два сезона нормально озвучили.
animatable.com/ — господа, да это прорыв в плане отказа от Флеша! Вот он редактор, которого так не хватало, нет?
Как по мне, так это больше на just for fun походит, ибо для этих задач есть SVG + SMIL (+ JS).
А в чем преимущества SVG SMIL animation и недостаток CSS3 animation?
Контейнер с SVG можно точно также анимировать с помощью CSS, но использование HTML в качестве элементов анимации портит всю семантику. У SVG гораздо больше возможностей в плане рисования, в отличие от HTML, который попросту не предназначен для этого. Ну и Canvas тоже имеет место быть, но никак не HTML + CSS.
Неважно на чём. Важен сам факт, что такие анимации, работающие без сторонних плагинов, реально делать ГУЁвыми тулзами, а не только кодингом вручную.
Здорово! Вот кстати оригинал:
www.youtube.com/watch?v=WcRr-Fb5xQo
www.youtube.com/watch?v=WcRr-Fb5xQo
И вариант =~ s/Mad Men/Simpsons/g:
www.youtube.com/watch?v=KcmM7Jh2Y3k
www.youtube.com/watch?v=KcmM7Jh2Y3k
Как посмотреть анимацию? у меня только мужик в кресле сидит…
Поклонникам CSS-анимаций я могу прямо сейчас передать радостную весть: поддержка таких анимаций в браузере Firefox ужé на подходе.
хм… интересно а JS лечилки css3 позволят воспроизвести это в ie 7?
Демонстрация Mad Animation работает на webkit-браузерах — Chrome, Safari, браузерах для мобильных платформ (Android, BlackBerry, Apple iOS, WebOS). Они увидят всю красоту CSS (нужно кликнуть по «watch»):
А MicroSoft нас уверяет что это только у них возможно xD
Motorola Milestone xt720 Android 2.1 — рывками и подтормаживает. Всю красоты через смартфон оценить не получилось.
HTC Inspire 4G Android 2.2.1
- В родном браузере открылость с минимальными тормозами (в эпизодах с падающим телом)
- В Dolphin HD работало почти идеально.
- В Opera mobile и FireFox Mobile, как уже писали выше, не открывается, т.к. не webkit
Удивило, процессор почти не есть во время просмотра анимации! Замечательно!
Sign up to leave a comment.
CSS3 Animation в несколько кликов