Блог выводится из летаргического сна. Насколько успешно — увидим.
Вниманию публики предлагается небольшая игрушка на css: демонстрация возможностей свойств transform и transition. «Каруселька» сделана на чистом css, без единого скрипта и без единой картинки; если бы она ещё запоминала положение стрелки, её можно было бы назвать «Лото» или «Рулетка», но такое без скрипта никак.
Примечание: каруселька работает в ИЕ, начиная с 10. В старых версиях ИЕ такое сделать невозможно. Читать полностью »
43 комментария на «Css-анимация: пример-игрушка»
Антон (1 комментарий)
Прикольная штукенция очень понравилась, было бы интересно её поковырять и использовать где-нибудь у себя в проектах (думаю на лэндинге можно было бы прикрепить, как розыгрыш бонуса). Есть ли какой архив со скриптом, чтобы скачать? А то выковыривать как то не удобно.
Сразу не заметил, что колесо автоматически крутиться
Княгиня (660 комментариев)
Я же говорю — нет там скрипта, чистый css. Архив, может, и будет, если руки дойдут.
Вася (1 комментарий)
Ничё так каруселька, очень даже ничё. ЗачОт!. только кнопку «свернуть/развернуть» выравнять бы, чтоб во всех состояниях кнопка одинаковой была по ширине. Кнопку «крутить» тоже бы подправить и добавить ей второе состояние — «не крутить». И тогда вообще крутяк крутящийся получится.
Княгиня (660 комментариев)
Да, как-то я упустила такую деталь. Ну ничего, в следующий раз сделаю.
Константин (3 комментария)
CSS, оказывается, не так прост, как казалось. Использую часто, но по-минимуму, не вдаваясь в подробности. Нашел нужный кусок, прописал. А освоить полностью так и не выбрал время. Надо будет восполнить пробелы.
Sergio (1 комментарий)
Нет я не верю, этого не может быть, это просто какая-то магия…
Александра (1 комментарий)
забавная штука. Можно как нибудь использовать на сайте. Например можно сделать 1 поле с шансом выпадения0,00001% и если выпадает то 1 ссылка с сайта становится дофоллов
Filarn (1 комментарий)
Супер, прикольно. Однако допилить бы чтобы после запуска оно рандомного останавливалось на любом секторе , тогда бы и областей применения было бы больше намного))
Евгений Несмелов (1 комментарий)
классная карусель получилась, супер!