CSS3 flexbox практика | Эффект при наведении в CSS
Исходный код с картинками -
Шпаргалка по #EMMET -
В текущем уроке поработаем с изображениями. При помощи #transform и #transition, сделаем по наведению следующую анимацию, изображение немного повернем, увеличим его в размерах, и сделаем его немного бесцветным. С левой стороны будут выезжать два блока с текстовой информацией. В нижней части появляется блок с иконками, которые подключим через сайт #font-awesome. По наведению на иконку сделаем им индивидуальный цвет.
Для иконок задействуем #flexbox. Также все блоки будут адаптивны, и подстраиваются под разные форматах экранов. Все это реализуем на #flex #box и #медиа #запросах.
Для материальной поддержки канала:
WMR - R165181087249
WMZ - Z138569415925
PayPal -
Яндекс - 410011610186118
Сбербанк - 4276-3000-2291-1211
Во время урока я использую:
Документацию по #CSS3, HTML5
Редактор #PhpStorm
*Видео метки*:
[01:08] - Обзор урока
[01:53] - Html структура блоков
[04:27] - Устанавливаем иконки
[06:12]
4 views
14
2
2 months ago 01:47:36 1
CSS для Начинающих - Практический Курс
2 months ago 00:12:10 1
Desarrolladores RECHAZAN entrevistas técnicas ❌ (nos tratan como mercenarios)
4 months ago 00:26:31 4
CSS Grid, flexbox, float. В чем разница и как использовать. Практический пример
5 months ago 01:39:07 2
FlexBox | Учим Flexbox за полтора часа. Уроки для новичков