Вопросы Теги

дать глубину divs с помощью свойства css box-shadow

Попробуйте это простое использование. Когда он находит пустую строку, он разбивает массив на два массива. Один от начала до пустого индекса строки. Другое от пустого индекса строки до последнего. Примечание. Строка Emty не включена в оба. он используется только для проверки условий. 

    $column[] = "id";
    $column[] = "name";
    $column[] = "email";
    $column[] = "password";
    $column[] = "";
    $column[] = "uid";
    $column[] = "uname";
    $column[] = "mname";
    $column[] = "lname";
    $column[] = "city";
    $column[] = "country";
    $column[] = "zip";
    $column[] = "cell";
    $column[] = "address";
    split_array($column);

function split_array($column)
{

    $total = count($column);
    $num = array_search('',$column);

    $split = $total - $num ;
    $outer_sql = array_slice( $column , - ($split) + 1);
    array_splice($column , $num);

    echo "<pre>";
    print_r($outer_sql);
    echo "</pre>";
    echo "<pre>";
    print_r($column);
    echo "</pre>";  

}
4
задан dagda1 18 January 2019 в 12:14
поделиться

3 ответа

Вы уже отлично поработали. Единственная необходимая модификация состоит в том, чтобы создать тень блока, которая не имеет смещения по оси x или y и еще больше размытия.

Основа использования: 

box-shadow: h-offset v-offset blur spread color;

Подробнее о теме: https://developer.mozilla.org/en-US/docs/Web/CSS/box -shadow

Или просто используйте генератор! https://www.cssmatic.com/box-shadow 

div {
  padding: 15px;
  margin: 15px;
  box-shadow: 0px 0px 10px #E6E6E6, 0px 0px 0px #E6E6E6, 0px 0px 0px #E6E6E6, 2px 2px 5px #E6E6E6, 0px 0px 0px #E6E6E6, 0px 0px 0px #E6E6E6;
  border-radius: 4px;
}
<div>One</div>
<div>One</div>
<div>Three</div>

0
ответ дан Arno Tenkink 18 January 2019 в 12:14
поделиться

Используйте это: 

border-radius: 4px;
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
border-color: rgba(223,225,229,0);
0
ответ дан Muhammed 18 January 2019 в 12:14
поделиться

Причина, по которой использование цветов RGBA чаще встречается в тенях, заключается в том, что тогда они будут хорошо сочетаться с фоном. Используя цвет, вы можете получить эффект «свечения», когда яркость цвета тени блока выше (то есть ярче), чем фон.

Чтобы получить эффект, которого вы хотите достичь, на самом деле это довольно просто:

  1. Вы используете обычную теневую рамку, которая вообще не смещена, чтобы дать всем 4 ребрам некоторую тень [ 114]
  2. Вы используете вторую рамку-тень, которая смещена на несколько пикселей, чтобы задать направленность тени, которая затем дает эффект глубины

Обнаружение непрозрачности на самом деле в основном пробный. и ошибка вещь. См. Подтверждение концепции ниже: 

div {
  margin: 16px 0;
  box-shadow: 0 0 5px rgba(0,0,0,.05), 2px 2px 5px rgba(0,0,0,.1);
  border-radius: 4px;
  padding: 16px;
  width: 160px;
}
<div>One</div>
<div>One</div>
<div>Three</div>

0
ответ дан Terry 18 January 2019 в 12:14
поделиться