Question

我想为背景颜色或图像添加光泽外观，但我想有时一半的颜色，有时完整的东西应该是光泽。一些网站使用rgba，一些使用渐变。这种方法是好的和可采用的。举个例子，想知道两者的区别。

Answer 1

请参阅下面的光泽效果解决方案。您可以根据需要通过CSS修改光泽效果。

＆＃13;

.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;
}

＆＃13;

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

＆＃13;

Answer 2

请参阅以下网址。希望你能得到解决方案。

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

使用css光泽查找颜色或图像

2 个答案: