The Studio

15 members

Description

Share ways to use HTML, CSS here or on your own website. Learn how to create your own graphics. Share links to online tools - such as graphic editors. Play with code. But, most of all, have fun!

Comments Discussions Members

Code for Opacity

by Mimi58

Jul 7, 2025

Found this code on w3 schools site. The code by itself is - filter: opacity(50%); - I was helping a friend and tried it out on my page for an image in the center section. I didn't like it at all, LOL. However, I'm adding it here if anyone else wants to try it.

For the middle section, you would use this code. Replace - PUT THE LINK TO YOUR IMAGE HERE - with the link to your image. You cam experiment by changing the amount of the percentage - 50% - 25% - 75% and so on.

#xg_navigation, #xg_body {background: transparent url(PUT THE LINK TO YOUR IMAGE HERE); filter: opacity(50%);}

If you use it and like it, plese let us know so we can see what you did.

Have Fun!

  • up

    DeeBeeCreative

    Ive frequently used Opacity--usually 90%. But right now, it doesn't matter on my Chocolate page, since I have the 'boxes' transparent.   I need to try other copies of codes, since this one is showing some 'lines' that I don't normally see.  thanks for  posting the 'simple' Opacity code!  I'm going to try that here.

    1

    Jul 9, 2025