Big-Header
2 года назад
Анимации в HTML и CSS
1. Создаем CSS-файл и HTML-файл 2. Создаем основу HTML и подключаем CSS-файл 3. Создаем контейнер <div></div>. 4. Изменяем контейнер в CSS 5. Создаем @keyframes XXX{ }. Вместо 'XXX' надо написать, как будет называться ваша анимация. 6. Вся анимация делится на части, чтобы указать в какой именно части анимации произойдет изменение в фигурных скобках пишут процент 0% и открывают фигурные скобки {}. И в этих фигурных скобках мы пишем что именно изменится в этой части анимации. После, нужно показать какой объект будет изменяться по этой анимации...
По ту сторону. Photoshop уроки, трюки и эффекты
174 читали · 3 года назад
Анимация web-иконок при наведении. Только html и сss. Прокачиваем CSS анимацию.
Привет! Запускаем новую рубрику для тех, кто увлекается html версткой - [СSS Animation]. Сегодня делимся с вами простой анимацией соц. иконок (кнопок) при наведении: Для этого урока нам понадобятся три иконки. Можно использовать свои, но если хочешь такие же как в примере, то они лежат тут. Поехали! 1. Прописываем html: 2. Установим переменные, чтобы проще было управлять элементами: 3. Для удобства элементу <body> установим стили, чтобы все наши элементы располагались по центру. 4. Для ссылок ...