Lecaw

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

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

(1965)
(1)

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

(805)
(0)

Сегодня я хочу показать Вам, как создать интересные CSS эффекты текста с помощью анимации и свойства text-shadow. Вы должно быть видели, эти жуткие последовательности текста в трейлерах фильмах, где текст исчезает на темном фоне. Увидев Introducting Briefs (который не является фильмом ужасов, а обзор интересного приложения), я решил воссоздать данный эффект текста с помощью CSS.

(2488)
(3)

Сегодня мы будем создавать анимированное старое письмо, для этого мы будем использовать анимацию JavaScript. В этом письме, мы добавим анимированное перо. Когда перо высыхает – мы будем окунать его в чернила. И даже более того, мы установили функцию эмуляции ошибок, которые будут стерты во время набора текста.

(574)
(0)
Страница 1 из 2