61
задан 2 July 2012 в 02:04

2 ответа

Используйте это ниже кода

 border:2px soild #eee;

 margin: 15px 15px;
 -webkit-box-shadow: 2px 3px 8px #eee;
-moz-box-shadow: 2px 3px 8px #eee;
box-shadow: 2px 3px 8px #eee;

, тень поля Explanation:-

требует, чтобы Вы установили горизонтальный & вертикальные смещения, можно затем дополнительно установить размытость и цвет, можно также принять решение иметь теневую вставку вместо начала по умолчанию. Цвет может быть определен как [1 114] шестнадцатеричное число или rgba.

тень поля : v-смещение h-смещения вставки/начала размывает цвет распространения;

Объяснение значений...

вставка/начало - является ли тень внутри или снаружи поля. Если не указанный это примет значение по умолчанию к началу.

h-смещение - горизонтальное смещение тени (требуемое значение)

v-смещение - вертикальное смещение тени (требуемое значение)

размытость - как это говорит, размытость тени

распространилась - отодвигает тень от поля одинаково на всех сторонах. Положительное значение заставляет тень расширяться, отрицательные причины это для заключения контракта. Хотя это значение не часто используется, это полезно с несколькими тенями.

цвет - как это говорит, цвет тени

Использование

поле-shadow:2px 3px 8px #eee; серая тень с горизонтальным началом 2 пкс, вертикальных из 3 пкс и размытостью 8 пкс

2
ответ дан 31 October 2019 в 15:17
.allSides
{
width:350px;height:200px;
border: solid 1px #555;
background-color: #eed;
box-shadow: 0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

Использование это в парении для наблюдения его фактического эффекта это даст границу & тень отделению.

0
ответ дан 31 October 2019 в 15:17

Другие вопросы по тегам:

Похожие вопросы: