Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как выровнять крестик?
1 подписчик
20 часов назад
82 просмотра
1
ответ
CSS
Простой
Как решить проблему с наложением в сафари?
2 подписчика
22 июл.
288 просмотров
1
ответ
CSS
Простой
Что поправить в градиенте?
1 подписчик
21 июл.
95 просмотров
0
ответов
HTML
+1 ещё
Простой
Как прижать нижние колонки к низу родительского блока?
4 подписчика
19 июл.
1926 просмотров
3
ответа
CSS
+2 ещё
Средний
Как создать фотогалерею с неявной сеткой в CSS?
1 подписчик
18 июл.
101 просмотр
2
ответа
CSS
Простой
Есть ли кроосбраузерный способ убрать абзац?
1 подписчик
18 июл.
107 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как сделать zoom в smartslider?
1 подписчик
16 июл.
49 просмотров
0
ответов
PHP
+2 ещё
Простой
Не приходят сообщения с контактной формы, Извините, данные не были переданы?
1 подписчик
15 июл.
229 просмотров
3
ответа
CSS
Простой
Как повторить фильтр с фигмы?
2 подписчика
15 июл.
1577 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше всего реализовать данный фон?
1 подписчик
14 июл.
198 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Frontend-разработчик
MyAdsTarget
от 150 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама