- This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I am attempting to create a navigation bar that gradiates horizontally.
http://i.imgur.com/HVz5QOX.png
position: 0% / #39C2DA / opacity: 0%
position: 35% / #39C2DA / opacity: 100%
position: 0% / #39C2DA / opacity: 0%
This is the best I can come up with that works
background-image: -moz-linear-gradient(left, #fff, #39C2DA, #fff);
Unfortunately, its not in position and neither am I incorporating opacity.
Thanks Croco, it does! I never understood why is it that if you want to use opacity, you have to use an RGBA code and not HEX?
@Paulie_D, that codepen doesn’t include the positioning of the 2nd stop at 35% correct?
Because HEX = RGB in the format #RRGGBB and so does not include opacity.
RGBA does include opacity (a = alpha)
Codepen updated.
Thanks for updating @Paulie_D, and yeah didn’t know about that!
Sadly the link posted by Paulie_D to a codepen is no longer working. Anyone have another example?
Like this
https://codepen.io/Paulie-D/pen/WOzJQr?editors=1100
Also this is very helpful = http://www.colorzilla.com/gradient-editor/