Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Евгений Леонов
@leotoleo
Верстаю на html css js
JavaScript
HTML
CSS
Как определить как сделан эффект вращения блока на этом сайте (примеры работ)?
Всем привет. Я начинающий верстальщик. Хочу сделать похожий эффект вращения при наведении на блок как в разделе портфолио. Подскажите, пожалуйста, кто знает как сделать?
https://onepix.ru/
Вопрос задан
более двух лет назад
101 просмотр
Комментировать
Подписаться
1
Средний
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Максим
@LenovoId
svg, css,js
https://codepen.io/topicstarter/pen/RwgLeXW
- если с js не дружим то вот этим плагином можно тоже самое сделать
тоже самое без всяких плагинов:
https://codepen.io/jsonc/pen/zYKgZgM?editors=0010
здесь расказывают и показывают как это делается:
https://stackoverflow.com/questions/55326161/3d-mo...
Ответ написан
более двух лет назад
1
комментарий
Нравится
2
1
комментарий
Facebook
Вконтакте
Twitter
Евгений Леонов
@leotoleo
Автор вопроса
Спасибо за подсказки! Очень помог! С js действительно не дружу, поэтому плагин выручает)
Написано
более двух лет назад
Пригласить эксперта
Ответы на вопрос
1
V3XX
@v3xx
// _ AppSec // Bug Bounty / Legal Hacking
Привет.
Если я правильно понял тебя, то это 3D-анимация.
Пример
.
Ещё пример
.
Ответ написан
более двух лет назад
1
комментарий
Нравится
2
1
комментарий
Facebook
Вконтакте
Twitter
Евгений Леонов
@leotoleo
Автор вопроса
Спасибо за помощь. Подошел вариант с плагином vanilla. Твой буду тоже пробовать использовать.
Написано
более двух лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
13 часов назад
59 просмотров
1
ответ
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
14 часов назад
251 просмотр
1
ответ
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
16 часов назад
92 просмотра
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
вчера
64 просмотра
1
ответ
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
вчера
68 просмотров
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
вчера
70 просмотров
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
150 просмотров
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
161 просмотр
0
ответов
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
161 просмотр
1
ответ
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
14 авг.
164 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама