Создаем анимированное слайдшоу на чистом CSS

Доброго времени суток, друзья!

Устал от JS, переключись на CSS!

Задача

Сделать анимированное слайдшоу средствами CSS. Слайдшоу можно использовать, например, в торжественных случаях для вывода фото на экран через проектор. Посредством зацикливания выводимые фото могут служить фоном для торжественной речи.

Возможное решение

Для слайдшоу возьмем странные «макрофото» Paweł Czerwiński (они прикольные).

Итак, поехали.
Читать дальше →

Источник: Уроки CSS на Хабрахабре

Парочка приемов работы с элементом iframe

Доброго времени суток, друзья! Задача Сделать нечто похожее на Dashboard на Codepen. Результат должен быть примерно...

Подробнее

[Перевод] Знакомимся с Web Animations API

Доброго времени суток, друзья! Представляю Вашему вниманию перевод статьи Charlie Gerard «Exploring the Web Animations...

Подробнее

Средний цвет в JavaScript

По работе делал листалку фотографий. Сопровождающий текст было решено положить на усреднённый цвет фото. Тема среднего...

Подробнее

[Из песочницы] Так когда же всё таки можно использовать !important?

Любая фича в «кривых» руках становится плохой. Импортант — не исключение. Плохо не то, что он умеет, а то, как его...

Подробнее

[Из песочницы] Градиентные границы в CSS

Доброго времени суток уважаемые хабровчане. Представляю вашему вниманию перевод статьи Криса Коера. Допустим, вам нужна...

Подробнее

CSS и iOS Safari

Доброго времени суток, дорогие хабрахабровцы! Всегда хочется, что бы твой сайт выглядел одинаково хорошо на разных...

Подробнее

Создаем анимированное слайдшоу на чистом CSS

Задача

Возможное решение

Парочка приемов работы с элементом iframe

[Перевод] Знакомимся с Web Animations API

Средний цвет в JavaScript

[Из песочницы] Так когда же всё таки можно использовать !important?

[Из песочницы] Градиентные границы в CSS

CSS и iOS Safari

Написать комментарий