Танцующий Бендер на CSS3

    Хабр, я понимаю, что сегодня еще далеко не пятница — но увиденное при себе держать нет сил.

    Танцующий Бендер Родригес на чистом CSS3

    image

    Создан или вручную, или при помощи Sencha Animator.

    Для всех, кому понравится: вот более сложные примеры того, что может быть сделано при помощи CSS3 (и рассказ о них с концеренции CSSConf.eu).
    Share post
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 29

      +14
      FF 24, linux: у Бендера ноги отрываются от тела и выскакивают в стороны в бедренных суставах. Так и должно быть?
        0
        Мне самому почему-то кажется, что поведение ног так и задумано — с руками ведь сделано все в порядке.
          0
          Safari, iOS 7.0.3. Ноги не отрываются от тела и не выскакивают в стороны, но и «суставов» не видно — болтаются как шланги.
            0
            Chrome 30, Win 7 x64:
            OH HAI
            image
              0
              FF17, linux: та же фигня с ногами + нет отражения
              Chromium 31, linux: без косяков
              0
              FF24 Windows: наблюдается то же поведение ног.
              • UFO just landed and posted this here
                  +17
                  image
                  Отличная демонстрация отношения Бендера к IE 10.

                  Ноги не должны отрываться от тела, и у Бендера кстати еще должно быть отражение.
                  Всё это работает в том же Chrome.
                    0
                    только также себя ведет в IE11.
                      +2
                      Святая Корова, как же мы живём в таком мире?!!! И… веб-верстальщики, наверное, самые терпеливые люди в мире? :)
                        +7
                        Скорее отличная демонстрация отношения разработчиков к IE 10 и 11. Все css анимации и трансформации только с префиксами -moz- и -webkit-
                        • UFO just landed and posted this here
                        • UFO just landed and posted this here
                            0
                            IE9 +1
                              0
                              Проверил ради интереса в Opera 12 — такойже.
                              • UFO just landed and posted this here
                            +1
                            Его можно раскрасить!
                              0
                              А можно анимацию того, как это должно выглядеть? :)
                              0
                              Ещё б музычку и цены ему бы не было…
                                +4
                                В документе полно элементов с одинаковым id. Если так делает Sencha Animator, то печально.
                                  +2
                                  В Chrome все ок, в Firefox ноги отрываются от тела.
                                    0
                                    На андроиде в хроме почти без косяков
                                      +29
                                      В IE8 Бендер кого-то очень сильно напоминает…
                                      image
                                      • UFO just landed and posted this here
                                          +1
                                          Без яваскрипта не работает. Значит не css.
                                            0
                                            Это требование платформы Liveweave.
                                            • UFO just landed and posted this here
                                              0
                                              Вот интересно, автора не смутили повторяющиеся id на тегах?

                                              Only users with full accounts can post comments. Log in, please.