HTML. Создание анимированной кнопки на HTML/CSS
В этом видео ролике мы создадим анимированную кнопку, используя стек технологий HTML/CSS. При наведении на элемент слева будет выезжать иконка стрелки, при нажатии на нее, кнопка будет уменьшаться в размере.
Программный код: https://inlnk.ru/VoMAAM
Для подключения шрифта: [id14455831|@import] url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
Шрифты: https://fonts.google.com (https://fonts.google.com/)/
Таймкод:
00:00 - Введение
00:44 - Открытие документа в Sublime Text3
1:00 - Создание базовой HTML разметки
1:04 - Добавление картинки для кнопки
4:12 - Стилизация кнопки «Перейти» на странице
13:30 - Добавление анимации к кнопке «Перейти»
19:42 - Подведение итогов
►► Подписывайся на наш канал https://www.youtube.com/channel/UC-IqmZaxiSgF2p_jFAp1OXQ
Где нас можно найти ►
-------------------------------------
★ Сайт школы CODDY: https://coddyschool.com
★ Курс по созданию сайтов с нуля: https://coddyschool.com/courses/web-mastering/
★ Вконтакте: https://vk.com/coddyschool
#html #css #coddy
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «HTML. Создание анимированной кнопки на HTML/CSS», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.