Как добавить тень к изображению

Я пытаюсь добавить тень к изображению в моем проекте, а не в полном div. Я добавляю свойство box-shadow в CSS, но не работает. Кто-нибудь, пожалуйста, помогите мне! спасибо.Как добавить тень к изображению

<!DOCTYPE html> 
    <body> 
    <div class="container-fluid"> 
    <div class="row"> 
     <div class="col-sm-2> 
     <a href="#"><img class="image-responsive" src="images/help.jpg></a> 
     <a href="#>XXXXXXXX</a> 
     <a href="#>XXXXXXXX</a> 
     <a href="#>XXXXXXXX</a> 
     <a href="#>XXXXXXXX</a> 
     </div> 
    <div class="col-sm-10> 
    </div> 
    </body> 
    </html>

источник

2015-09-21 Bera

Возможно, вам также захочется показать CSS, который вы используете. – neuronaut

работает https://jsfiddle.net/kbh9sch6/ – Chris

Использование box-shadow:

img { 
 
    box-shadow: rgba(0, 0, 0, .6) 5px 5px 5px; 
 
}

<div class="container-fluid"> 
 
    <div class="row"> 
 
    <div class="col-sm-2"> 
 
     <a href="#"> 
 
     <img class="image-responsive" src="images/help.jpg"> 
 
     </a> 
 
     <a href="#">XXXXXXXX</a> 
 
     <a href="#">XXXXXXXX</a> 
 
     <a href="#">XXXXXXXX</a> 
 
     <a href="#">XXXXXXXX</a> 
 
    </div> 
 
    <div class="col-sm-10"> 
 
    </div> 
 
    </div> 
 
</div>

И убедитесь, что вы закроете все <div> теги правильно.

источник

2015-09-21 18:26:13

Как добавить тень к изображению

ответ

Смежные вопросы