Lecaw

Учимся создавать Web-сайты

В этом обучающем уроке я покажу вам как создать анимированные книги на CSS 3D transforms и transitions. Я покажу Вам два типа оформления книг: Твердый переплет и мягкая обложка. Я сделал их такими, чтобы вы могли легко модифицировать их под свои нужды, используя CSS, изображения и некоторые дополнительные мелочи :)

(4241)
(1)

Сегодня я хочу поделиться некоторыми простыми hover эффектами при наведении для иконок. Идея состоит в том, чтобы создать тонкий и стильный hover эффект, используя CSS переходы и анимацию с псевдо-элементами. Для иконок мы используем шрифт (Eco Ico by Matthew Skiles, созданный при помощи приложения IcoMoon), который мы устанавливаем при помощи псевдо-класса :before.

(1397)
(1)

Сегодня мы собираемся поэкспериментировать с анимацией и переходами псевдо-элементов (before и CSS after), постараемся полностью раскрыть их потенциал. Мы немного поговорим об анимации псевдо-элементов CSS after и before и рассмотрим четыре примера, которые используют специальные методы для достижения различных эффектов.

(725)
(0)

Сегодня я хотел бы поделиться с Вами коллекцией необычных CSS переходов страниц. Мы собрали несколько анимаций, которые могут быть применены к "страницам" для создания интересных эффектов навигации при переходе на новую страницу. Некоторые эффекты очень упрощенны, то есть простое перемещение, другие используют перспективу и 3D-преобразования для создания некоторой глубины и динамики.

(441)
(3)
Страница 1 из 3