Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
armanvk2
@armanvk2
Вёрстка
Анимация
Как создать красивый header на сайте?
Хочу создать трапецию на сайте в header (+ чтоб при уменьшении края не сжимались). Анимация при наведении курсора не особо нужна, но если сможете то спасибо)
Вопрос задан
более трёх лет назад
2842 просмотра
Комментировать
Подписаться
2
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
SunUp
@SunUp
Я не волшебник, я ещё только учусь
Можно и так:
https://codepen.io/anon/pen/vjxYog
с поворотом хедера и анимацией
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
2
Mikhail Rerberg
@mrerberg
Yep
В теории,можно просто сделать такую картинку и поставить на фон хедера.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
armanvk2
@armanvk2
Автор вопроса
А с помощью SVG-фигур возможно?
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега Вёрстка
можно просто градиентом
Написано
более трёх лет назад
Максим
@LenovoId
svg, css,js
https://codepen.io/topicstarter/pen/PeWRbb?editors=1100
так можно
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+3 ещё
Простой
Как решить задачу с четвертой картинкой, которая постоянно вываливается?
1 подписчик
20 мар.
184 просмотра
1
ответ
Вёрстка
Простой
Шрифт подключается криво, почему?
1 подписчик
14 мар.
81 просмотр
1
ответ
Вёрстка
Простой
Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?
1 подписчик
06 мар.
138 просмотров
0
ответов
Вёрстка
Простой
На сайте очень много видео. Какие есть идеи в оптимизации?
1 подписчик
06 мар.
135 просмотров
1
ответ
Электроника
+2 ещё
Средний
Сможет ли чайник собрать костюм с помощью chatGPT и добрых Хабровчан?
2 подписчика
05 мар.
449 просмотров
2
ответа
JavaScript
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
04 мар.
168 просмотров
2
ответа
Вёрстка
+1 ещё
Простой
Tailwind v4 как работать с контейнером?
1 подписчик
03 мар.
109 просмотров
1
ответ
CSS
+1 ещё
Простой
CSS как сделать div изображений ровно под наклоном друг за другом?
1 подписчик
28 февр.
142 просмотра
1
ответ
Вёрстка
+1 ещё
Простой
Как избавиться от панели навигации в браузере при добавлении закладки на экран домой?
2 подписчика
24 февр.
86 просмотров
1
ответ
Windows
+4 ещё
Простой
Существует ли бесплатная онлайн нейросеть или программа которая из обычной статической картинки делает анимированную?
1 подписчик
24 февр.
354 просмотра
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Дизайнер-верстальщик
TurboProject
от 50 000 ₽
React разработчик
Мойдекс
от 40 000 ₽
Разработчик фронтенда на TypeScript Middle+ / Senior в аналитический стартап
ТОРГСТАТ
от 250 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама