Глянцевый взгляд на цвета или изображения с помощью css

Question

Я хочу добавить глянцевый взгляд на цвета фона или изображения, однако иногда я хочу, чтобы половина цвета, а иногда и полная вещь, должны быть глянцевыми. Некоторые веб-сайты используют rgba, а некоторые используют градиенты. какой метод является хорошим и приемлемым. Приведите пример и хотите узнать разницу в использовании обоих.

Answer 1

См. Приведенный ниже адрес. Надеюсь, вы получили решение.

http://www.w3schools.com/css/css3_filters.asp

Answer 2

Пожалуйста, смотрите ниже решение для глянцевого эффекта. Вы можете модифицировать глянцевый эффект по своему усмотрению с помощью CSS.

.photo { 
 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.5); 
 
    display: block; 
 
    height: 401px; 
 
    margin: 30px auto; 
 
    position: relative; 
 
    width: 602px; 
 
} 
 

 

 
.photo::before { 
 
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.30), rgba(0, 0, 0, 0.25)) repeat scroll 0 0%, rgba(0, 0, 0, 0) -moz-linear-gradient(left top , rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.30) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)) repeat scroll 0 0; 
 
    bottom: 0; 
 
    content: ""; 
 
    left: 0; 
 
    position: absolute; 
 
    right: 0; 
 
    top: 0; 
 
}

<div class="photo"> 
 
\t \t \t <img alt="Bag" src="http://wellnesscounselingmilwaukee.com/wp-content/uploads/2015/07/4-Nature-Wallpapers-2014-1.jpg"> 
 
</div>