CSS - создать тень из нескольких блоков

у меня такой код

body {
  /*some styling for make div on center*/
}
div {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius:50%;
    box-shadow: 0 0 5px 7px rgba(230, 230, 230, 0.4);
}

http://jsfiddle.net/zu9rd1jq/68/

Я хочу сделать несколько box-shadow после box-shadow. Это может быть, когда мы используем фотошоп, но как мы делаем это с помощью css? Любая идея, пожалуйста :)


css box-shadow
person Bariq Dharmawan    schedule 09.03.2018    source источник
comment
вы каскадируете больше теней под box-shadow с , между проверкой это   -  person sTx    schedule 09.03.2018
comment
@sTx спасибо за информацию :)   -  person Bariq Dharmawan    schedule 09.03.2018

Ответы (1)


arrow_upward
6
arrow_downward

Я надеюсь, что вы ищете это

div {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius:50%;
    box-shadow: 0 5px 0 rgba(255, 0, 0, 1), 0 10px 0 rgba(0, 255, 0, 1);
}
person Pons Purushothaman    schedule 09.03.2018
comment
да, обязательно. Я люблю это ! Спасибо :) - person Bariq Dharmawan; 09.03.2018