Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
hitry_lis
@hitry_lis
HTML
CSS
Как реализовать данный пример?
Добрый день подскажите как реализовать такой же эффект тени.
Вопрос задан
более трёх лет назад
157 просмотров
3
комментария
Подписаться
1
Простой
3
комментария
Facebook
Вконтакте
Twitter
Сергей delphinpro
@delphinpro
Куратор тега CSS
Где здесь эффект? O_o
Простая градиентная заливка —
Линейные градиенты
Написано
более трёх лет назад
hitry_lis
@hitry_lis
Автор вопроса
Саму тень
Написано
более трёх лет назад
sergski
@sergski
https://codepen.io/Snowsides/pen/VMQjwP
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
t00rt
@t00rt
background-image: linear-gradient(45deg, #362353, #D61E49 80%);
box-shadow: 0px 0px 7px #c4c4c4;
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
twobomb
@twobomb
Вот
так
Вот
это
и
это
в помощь
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
hitry_lis
@hitry_lis
Автор вопроса
там тень примерно 50% от высоты
Написано
более трёх лет назад
twobomb
@twobomb
hitry_lis
, Это так важно? Многие даже этой тени не замечают
Написано
более трёх лет назад
twobomb
@twobomb
hitry_lis
, Вот с
половины
, смотрится не красиво и не естественно
Написано
более трёх лет назад
hitry_lis
@hitry_lis
Автор вопроса
Спасибо за ответ.
тень выполнена не так
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
gleendo
@evgeniy8705
hitry_lis
Уберите темный фон...с ним не понятно конкретно какая вам нужна тень
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как сверстать кастомную пунктирную обводку у блока?
1 подписчик
7 часов назад
68 просмотров
1
ответ
CSS
Простой
Можно ли использовать функцию calc() в медиазапросах?
1 подписчик
13 нояб.
169 просмотров
1
ответ
HTML
+1 ещё
Простой
Как реализовать форму ввода как в веб-версии chatGPT?
1 подписчик
13 нояб.
141 просмотр
0
ответов
CSS
+1 ещё
Простой
Как оптимизировать svg картинку?
1 подписчик
11 нояб.
135 просмотров
1
ответ
CSS
Средний
Как найти стили в шаблоне Битрикс?
1 подписчик
06 нояб.
160 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Как сделать горизонтальный скролл стрелками?
1 подписчик
05 нояб.
215 просмотров
1
ответ
PHP
+2 ещё
Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
1 подписчик
03 нояб.
181 просмотр
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 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама