Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Stone-Studio
@Stone-Studio
CSS
Можно ли сверстать средствами css такую тень?
(внутренняя тень)
Вопрос задан
более трёх лет назад
183 просмотра
6
комментариев
Подписаться
1
Оценить
6
комментариев
Facebook
Вконтакте
Twitter
D'
@Denormalization
Только я не вижу тени?
Написано
более трёх лет назад
Stone-Studio
@Stone-Studio
Автор вопроса
Внизу, она дает кнопке объемность. Она внутренняя.
Написано
более трёх лет назад
D'
@Denormalization
Stone-Studio
: можно через box-shadow, можно через border-bottom
Написано
более трёх лет назад
Stone-Studio
@Stone-Studio
Автор вопроса
D' Normalization
: а как через box-shadow сделать ее внутренней?
Написано
более трёх лет назад
D'
@Denormalization
Stone-Studio
: параметр inset. Только какая разница? Высота кнопки - высота тени = внешняя тень.
Написано
более трёх лет назад
Stone-Studio
@Stone-Studio
Автор вопроса
D' Normalization
: Спасибо
Написано
более трёх лет назад
Решения вопроса
1
Vlad Tytcky
@vlad7576
Чтобы добавить внутреннюю тень надо написать inset в конце box-shadow. Но это не внутренняя тень, в внешняя только без рассеивания и сдвига. Здесь все подробнее
htmlbook.ru/css/box-shadow
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Виталий Инчин ☢
@In4in
°•× JavaScript Developer ^_^ ו°
Возможно, я полностью переверну внутренний мир ТС, но это скорее всего
border-bottom
...
Ответ написан
более трёх лет назад
1
комментарий
Нравится
5
1
комментарий
Facebook
Вконтакте
Twitter
Stone-Studio
@Stone-Studio
Автор вопроса
В фотошопе это делается через тени)
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
7 часов назад
70 просмотров
0
ответов
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
вчера
166 просмотров
1
ответ
HTML
+1 ещё
Простой
Различие скелета в пк версии и телефонной, как лучше всего делать такие вещи?
1 подписчик
02 мая
126 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Проблема с WordPress как исправить ошибку?
2 подписчика
01 мая
1289 просмотров
0
ответов
HTML
+1 ещё
Простой
Как зафиксировать кнопки в html?
1 подписчик
30 апр.
130 просмотров
1
ответ
CSS
Простой
Как сделать анимацию разворачивающегося сразу в две стороны свитка с информацией?
2 подписчика
30 апр.
511 просмотров
0
ответов
JavaScript
+3 ещё
Средний
Почему не подключается css файл в Webpack?
1 подписчик
29 апр.
104 просмотра
2
ответа
CSS
Простой
Как в CSS остановить одну анимацию и сразу запустить вторую для одного элемента?
2 подписчика
28 апр.
444 просмотра
1
ответ
CSS
+1 ещё
Простой
Как сделать грид контейнер в коде?
1 подписчик
28 апр.
90 просмотров
1
ответ
HTML
+1 ещё
Простой
Как можно во flex сетке закрасить отступы gap?
2 подписчика
27 апр.
1539 просмотров
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Frontend разработчик
AMarkets
•
Москва
от 2 000 $
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама