I also added a border for a little styling. This overlay make with the help of Opacity.įor background, We need to simply define the background-image and to make it responsive, we will take help of cover element. The one holds the background image and other will have some text with opacity. To add a transparent overlay, We need to define two elements. Transparent Overlay using Opacity Method: The RGB method is most recommended because it didn’t transparent the text over the background. It can be difficult to light in a way that makes it stand out, but it is definitely possible as proven by thousands of listings on sites like Amazon, eBay or Etsy. You want to be able to show off the product itself without it being overpowered by the background behind it. A lower value makes the element more transparent.Ī little drawback with Opacity method, It also transparent text over the background which is not good. Shooting transparent and translucent objects on a white background can often be very tricky. Note: IE8 and earlier use filter:alpha(opacity=x).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |