Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Анатолий Саламатин
@farcer
HTML
CSS
Как реализовать такой уголок?
Всем привет. Кто может помочь. Как сделать из вот этого
https://jsfiddle.net/3Lkq1b5v/2/
вот такой уголок
prntscr.com/jv9zig
Обертку трогать нельзя. Добавлять новые эл-ты тоже. Доступ только к элементу .block
Вопрос задан
более трёх лет назад
136 просмотров
8
комментариев
Подписаться
1
Простой
8
комментариев
Facebook
Вконтакте
Twitter
Mikhail Osher
@miraage
Задачи лучше самому решать, а не просить это сделать за Вас
Написано
более трёх лет назад
Анатолий Саламатин
@farcer
Автор вопроса
Mikhail Osher
, Я не спорю, но, по-моему, тостер и сделан для того, что спрашивать помощи.
Написано
более трёх лет назад
Максим
@LenovoId
Анатолий Саламатин
, у вас же и так уже есть такой треугольник ...не понятна суть вопроса
Написано
более трёх лет назад
Дмитрий
@soledar10
У вас изначально стоят условия ограничения.
Задача
: вместить 10 литров воды в 5 литровое ведро
Написано
более трёх лет назад
Анатолий Саламатин
@farcer
Автор вопроса
Максим Ленский
, тот, который есть отличается от того что надо. Не должно быть видно бордера + должен быть закругленный угол
Написано
более трёх лет назад
Анатолий Саламатин
@farcer
Автор вопроса
Дмитрий
, поэтому и уточняю насколько это возможно, и если возможно, то как.
Написано
более трёх лет назад
Дмитрий
@soledar10
Анатолий Саламатин
, Ответил
Написано
более трёх лет назад
Максим
@LenovoId
Анатолий Саламатин
,
https://jsfiddle.net/3Lkq1b5v/47/
так ?
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
1
Дмитрий
@soledar10
html css3 js jquery
Пример
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Анатолий Саламатин
@farcer
Автор вопроса
Спасибо!
Написано
более трёх лет назад
tyzberd
@tyzberd
может так
https://jsfiddle.net/2Lv7psg4/
потому что при width: 100%; height: 100%; в хроме два бордера пропадают
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
maxsnw
@maxsnw
Трогать ничего нельзя, добавлять тоже...на монитор наклей тогда. Добавь псевдо-элемент и в абсолют пусти топ0 лефт0, как делать треугольники полно статей.
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Анатолий Саламатин
@farcer
Автор вопроса
как я понимаю, вы даже не смотрели ссылки что есть и что надо.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как сверстать кастомную пунктирную обводку у блока?
1 подписчик
15 часов назад
81 просмотр
1
ответ
CSS
Простой
Можно ли использовать функцию calc() в медиазапросах?
1 подписчик
13 нояб.
169 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать форму ввода как в веб-версии chatGPT?
1 подписчик
13 нояб.
142 просмотра
0
ответов
CSS
+1 ещё
Простой
Как оптимизировать svg картинку?
1 подписчик
11 нояб.
138 просмотров
1
ответ
CSS
Средний
Как найти стили в шаблоне Битрикс?
1 подписчик
06 нояб.
161 просмотр
0
ответов
JavaScript
+2 ещё
Простой
Как сделать горизонтальный скролл стрелками?
1 подписчик
05 нояб.
218 просмотров
1
ответ
PHP
+2 ещё
Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
1 подписчик
03 нояб.
182 просмотра
0
ответов
CSS
Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
1 подписчик
31 окт.
142 просмотра
2
ответа
CSS
Простой
Как правильно задать размеры блоков?
1 подписчик
31 окт.
106 просмотров
1
ответ
HTML
Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
1 подписчик
29 окт.
181 просмотр
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul
•
Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама