CSS Box Shadows

Question

Может кто-нибудь помочь мне с тем, что я делаю неправильно в коде CSS ниже, я хочу узнать, и я хочу сделать то, что на приложенном изображении.Инструкции: Стили:

• ширина: 400 пикселей,
• высота: 100 пикселей,
• цвет фона: бежевый ,
• тень - по центру, 5 пикселей размытия, 5 пикселей ширины тени, цвет rgba (0,0,0,0.3),
• горизонтально центрированный текст, размер шрифта 50 пикселей, перемещено на 20 пикселей сверху, шрифт 700,
• закругления углов: 20 пикселей.

Мой код

.test {
    width: 400px;
    height: 100px;
    background-color: beige;
    border-radius: 20px;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    box-shadow: inset 5 5 5px rgba(0, 0, 0, 0.3)}

Спасибо

Answer 1

.test {
    width: 400px;
    height: 100px;
    background-color: beige;
    border-radius: 20px;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    padding-top: 20px;
    box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.3)}

Добавлен верхний отступ для вашего требования перемещения текста на 20 пикселей сверху.В этом есть все, что вам нужно, я верю.

Answer 2

Попробуйте: box-shadow: вставка 5px 5px 5px rgba (0, 0, 0, 0.3);