Gradient Settings

David Schure
David Schure used Ask the Experts™
on
I have an overlay on the backgroung image.  It seems that their is a circular gradient as well.  Trying to figure out where the values come from so that it's not so grey.

http://www.mediascrubber.com/index.html

<div class="bg_image" style="background-image: URL(resources/images/RexyHome.png)"></div>
    <div class="overly"></div>
    <div class="header-continer">

Open in new window


#header .overly{
   	background-color: rgba(0, 0, 0, 0.6509803921568628);

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
The radial gradient is specified here (line 5541 of http://www.mediascrubber.com/resources/css/style.css)

.home-demo-2 #header .overly {
	/* background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)); */
	/* background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)); */
	background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2));
	background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2));
}

Open in new window

Author

Commented:
Thank you so much Julian! Happy New Year!
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
You are welcome David, and all the best for 2020 to you as well.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial