Css-анимация: пример-игрушка (страница комментариев 3)

10 марта 2015. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Карусель на css

Блог выводится из летаргического сна. Насколько успешно — увидим.

Вниманию публики предлагается небольшая игрушка на css: демонстрация возможностей свойств transform и transition. «Каруселька» сделана на чистом css, без единого скрипта и без единой картинки; если бы она ещё запоминала положение стрелки, её можно было бы назвать «Лото» или «Рулетка», но такое без скрипта никак.

Примечание: каруселька работает в ИЕ, начиная с 10. В старых версиях ИЕ такое сделать невозможно. Читать полностью »

Отзывы (41) на «Css-анимация: пример-игрушка»
  1. Антон (1 комментарий)

    Прикольная штукенция очень понравилась, было бы интересно её поковырять и использовать где-нибудь у себя в проектах (думаю на лэндинге можно было бы прикрепить, как розыгрыш бонуса). Есть ли какой архив со скриптом, чтобы скачать? А то выковыривать как то не удобно.

    Сразу не заметил, что колесо автоматически крутиться =)

    Ответить на этот комментарий
    • Княгиня (648 комментариев)

      Я же говорю — нет там скрипта, чистый css. Архив, может, и будет, если руки дойдут.

      Ответить на этот комментарий
  2. Вася (1 комментарий)

    Ничё так каруселька, очень даже ничё. ЗачОт!. только кнопку «свернуть/развернуть» выравнять бы, чтоб во всех состояниях кнопка одинаковой была по ширине. Кнопку «крутить» тоже бы подправить и добавить ей второе состояние — «не крутить». И тогда вообще крутяк крутящийся получится.

    Ответить на этот комментарий
    • Княгиня (648 комментариев)

      Да, как-то я упустила такую деталь. Ну ничего, в следующий раз сделаю.

      Ответить на этот комментарий
  3. Константин (3 комментария)

    CSS, оказывается, не так прост, как казалось. Использую часто, но по-минимуму, не вдаваясь в подробности. Нашел нужный кусок, прописал. А освоить полностью так и не выбрал время. Надо будет восполнить пробелы.

    Ответить на этот комментарий
  4. Sergio (1 комментарий)

    Нет я не верю, этого не может быть, это просто какая-то магия… :-D

    Ответить на этот комментарий
  5. Александра (1 комментарий)

    забавная штука. Можно как нибудь использовать на сайте. Например можно сделать 1 поле с шансом выпадения0,00001% и если выпадает то 1 ссылка с сайта становится дофоллов

    Ответить на этот комментарий
  6. Filarn (1 комментарий)

    Супер, прикольно. Однако допилить бы чтобы после запуска оно рандомного останавливалось на любом секторе , тогда бы и областей применения было бы больше намного))

    Ответить на этот комментарий
  7. Евгений Несмелов (1 комментарий)

    классная карусель получилась, супер!

    Ответить на этот комментарий

Есть что сказать? Не молчим!

Используйте теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" code=""> <ul> <li> <ol> .

Комментарии короче 200 символов публикуются без активной ссылки. Пробелы не учитываются.

Ссылки с комментариев dofollow. Ознакомьтесь, пожалуйста, с правилами dofollow-комментирования. Кто не читает, тот сам себе враг.