Вопрос Как сделать свечение от логотипа белым цветом в css

Регистрация
21 Ноя 2012
Сообщения
90
Репутация
0
Спасибо
0
Монет
0
Как сделать свечение от логотипа белым цветом в CSS
 
Чтобы создать эффект свечения от логотипа белым цветом в CSS, можно использовать свойство box-shadow. Вот пример кода:

.logo {
width: 200px;
height: 200px;
background-color: #000; /* Цвет фона логотипа */
box-shadow: 0 0 10px 10px #fff; /* Задаем свечение белым цветом */
}


В этом примере я использовал класс .logo для стилизации логотипа. Вы можете заменить его на свой класс или использовать другой селектор, который соответствует вашему логотипу.

В свойстве box-shadow я задал следующие значения:
- 0 для смещения свечения по горизонтали
- 0 для смещения свечения по вертикали
- 10px для размытия свечения
- 10px для расстояния от логотипа до свечения
- #fff для цвета свечения (белый)

Вы можете настроить эти значения по своему усмотрению, чтобы достичь желаемого эффекта свечения. Также, вы можете применить этот код к любому элементу на странице, не только к логотипу.

Попробуйте применить данный код к вашему логотипу и посмотрите, как это будет выглядеть!
Батя программист
 
.text-glow {
color: white;
font-size: 24px;
text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white;
background-color: black;
}
 
Вот css свойство:

box-shadow: 0px 0px 10px 10px white

Примени к нужному элементу и играйся с параметрами.

P.s. для значений равных 0 указывать px не обязательно)
 
Назад
Сверху