Как сделать смещение блока при hover наведении в CSS - анимация hover наведения CSS
Как сделать анимацию смещения блока при hover наведении в CSS? Главной задачей для реализации такой анимации будет создать два div-контейнера, один из которых будет оставаться на месте при hover наведении, а другой двигаться. В видео мы рассмотрели как можно сделать такой блок, который будет состоять из двух таких div-контейнеров, для класса первого div-контейнера основным свойством будет свойство position со значением absolute, для псевдокласса hover основное свойство - свойство transform со значением "translateX(-5px) translateY(-5px)", а для класса второго div-контейнера нужно добавить лишь обводку.
Подписывайся на мой телеграм канал - t.me/codorum 💎
Там ты узнаешь больше интересной информации по CSS, а также много полезной информации по функциям на языке программирования JavaScript 🟨
✔️ Телеграм канал подойдёт для тех кто:
ㅤ⠀1. Хочет научиться фронтенд разработке условно с 0
ㅤ⠀2. Желает расширить свой кругозор в знаниях программирования JavaScript, CSS, html и разных инструментов фронтенд разработки
⚡ На канале можно найти:
➖ детальные рассмотрения построений кодов и скриптов (от самых простых до самых сложных)
➖ обмен мнением о концепциях разных кодов и скриптов, библиотек и инструментов между участниками канала
➖ посты про обновления касающиеся программирования на JavaScript
Также подписывайся на мой ютуб канал! 🔴
🟣 Ютуб канал создан с целью создания видео роликов по:
➖ функциям JavaScript
➖ полноценным проектам на языке JavaScript + React и React Native
➖ рассмотрению возможных лайфхаков, упрощений и оптимизаций кода
🟡 На канале мы рассматриваем как frontend часть javascript так и backend часть javascript.
Кратко обо мне 👁🗨
Я fullstack javascript разработчик. То есть пишу код как по фронтент части, так и по бэкэнд части. Мой любимый язык программирования JavaScript. Использую кодовый редактор Visual Studio Code (VS code) ✦
Планирую рассматривать не только конкретные функции на JavaScript, но и конкретные вопросы, такие как:
как создать сайт на JavaScript
как разработать приложение на JavaScript
как подключить базу данных MySQL к сайту
как подключить базу данных MySQL к приложению на React Native
А также обзоры такие как:
обзор фреймворка React
обзор фреймворка React Native
oбзор кодового редактора Visual Studio Code
расширения для Visual Studio Code
npm для Node JS
Мой тикток - tiktok.com/@codorum
Мой инстаграм - instagram.com/codorum
Там можно найти также туториалы и краткие видео как писать код на языке программирования JavaScript. Как писать функции на JavaScript или же лайфхаки для JavaScript 💻
#css #html #javascript #js #frontend #backend #fullstack #react #reactnative #программирование #програмист #VScode #VS #MySQL #NodeJS #npm #бд #субд