Как сделать поднятие блока при hover наведении в CSS - свойство transform в CSS #CSS #html #frontend

Как сделать поднятие блока при hover наведении в CSS? Для этого необходимо стилизовать: блок и псевдокласс :hover. В видео мы разобрали что основное свойство для блока это свойство transition, благодаря которому выполняется плавный переход между состояниями. В псевдоклассе :hover достаточно добавить свойство transform со значением translateY, благодаря чему выполняется поднятие блока при hover наведении. Еще одним дополняющим свойством будет свойство box-shadow, с помощью которого можно добавить тень для блока при hover наведении.
ㅤ
ㅤ
Подписывайся на наш телеграм канал - Codorum 💎
Там ты узнаешь больше интересного по html и CSS 🟦
ㅤ
✔️ Телеграм канал подойдёт для тех кто:
ㅤ⠀1. Хочет научиться фронтенд разработке условно с 0.
ㅤ⠀2. Желает расширить свой кругозор в знаниях JavaScript программирования, CSS, html и разных инструментов фронтенд разработки.
ㅤ
⚡ На канале можно найти:
➖ детальные рассмотрения кодов и скриптов (от самых простых до самых сложных);
➖ теория и практика frontend и backend разработки;
➖ обмен мнением о концепциях разных кодов и скриптов, библиотек и инструментов между участниками канала;
➖ новостные посты про обновления всего связанного с фронтенд разработкой и программирования на JavaScript.
ㅤ
ㅤ
#css #html #htmlcss #javascript #js #frontend #backend #fullstack #react #reactjs #reactnative #программирование #программист #visualstudio #visualstudiocode #vscode #nodejs #web #webdev
ㅤ
ㅤ
Кратко о нас 👁‍🗨
ㅤ
Мы — команда fullstack javascript разработчиков «CODORUM». Пишем код как по фронтенд части, так и по бэкенд части. Наш ориентир — язык программирования JavaScript. Используем кодовый редактор Visual Studio Code ✦
ㅤ
Планируем рассматривать не только конкретные функции на JavaScript, но и конкретные вопросы, такие как:
- как создать сайт на JavaScript
- как разработать приложение на JavaScript
- как подключить базу данных MySQL к сайту
- как подключить базу данных MySQL к приложению на React Native
- и многие другие
ㅤ
А также обзоры такие как:
- обзор библиотеки React
- обзор фреймворка React Native
- oбзор кодового редактора VS Code
- расширения для Visual Studio Code
- npm для Node JS
- и много других

Видео Как сделать поднятие блока при hover наведении в CSS - свойство transform в CSS #CSS #html #frontend канала Codorum