Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
10id00
@10id00
HTML
CSS
Как можно получить вот такой вот блок?
Здравствуйте.
Можно ли получить вот такой блок изпользуя css ?
+ еще текст внутри должен быь на красном фоне и на зеленом...
Как можно такое сделать ?
Пробывал нечего не получается
Буду рад ответу.
Вопрос задан
более трёх лет назад
235 просмотров
Комментировать
Подписаться
2
Средний
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Атланта
@Atlanta_Boston
Это не финальный вариант, т.к. при приближении ломается. В общем требуется доработка.
https://jsfiddle.net/1efnaz06/
-----------------------------------------------------
Починила)
Как-то так я это представляю:
https://jsfiddle.net/1efnaz06/1/
Ответ написан
более трёх лет назад
7
комментариев
Нравится
3
7
комментариев
Facebook
Вконтакте
Twitter
lukoie
@lukoie
молодца
есть только вопрос - делала всё тут только ручками, или каким-то инстрУментом?
Написано
более трёх лет назад
10id00
@10id00
Автор вопроса
Большое спасибо. Единственный вопрос, прозрачность как задать ?
Написано
более трёх лет назад
Атланта
@Atlanta_Boston
lukoie
, делала вручную.
Написано
более трёх лет назад
0ffff0
@0ffff0
прозрачность
Написано
более трёх лет назад
Атланта
@Atlanta_Boston
10id00
, не думаю, что это возможно в данной реализации, т.к. там накладываются слои друг на друга и при opacity меньше 1, это становиться очевидно.
Написано
более трёх лет назад
Атланта
@Atlanta_Boston
10id00
, я попыталась реализовать иначе, но это не увенчалось успехом.
Написано
более трёх лет назад
lukoie
@lukoie
Атланта
, а как же свг?
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
3
азаза
@natojezlo
div-у задать изображение в качестве фона
внутрь вставить текст
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
10id00
@10id00
Автор вопроса
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
0ffff0
@0ffff0
то же что у
Атланта
только с прозрачностью
тут
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+3 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
вчера
135 просмотров
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
вчера
71 просмотр
0
ответов
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
вчера
87 просмотров
1
ответ
HTML
+1 ещё
Простой
Как настроить размер видео из Вконтакте?
2 подписчика
01 июл.
1132 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Как поменять свет линии при нажатии?
1 подписчик
30 июн.
145 просмотров
1
ответ
HTML
+1 ещё
Простой
Как выложить игру в Яндекс игры?
1 подписчик
30 июн.
163 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как создать скрипт удаления элемента HTML используя Tempermonkey?
1 подписчик
29 июн.
103 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Как реализовать выдвигающийся из айтема блок(при нажатии на плюс)?
1 подписчик
29 июн.
86 просмотров
0
ответов
HTML
+1 ещё
Простой
Как выровнить в колонку фотки как на макете?
1 подписчик
28 июн.
93 просмотра
1
ответ
CSS
+1 ещё
Простой
Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?
2 подписчика
28 июн.
1126 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разрабодчик
MyAdsTarget
от 150 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама