This is how you can apply transparency/opacity in individual CTk widgets

[Akascape]

Customtkinter widgets are square in shape because it uses tk canvas, the corner_radius and bg_color are camouflaged with the background in such a way that it looks like a rounded widget. But in reality, it is a method just to hide the corners, which doesn't work for overlapping widgets. Hence, was an issue with customtkinter.

However, I found the way to fix this. (ONLY FOR WINDOWS)
First, install this special package called pywinstyles (pip install pywinstyles)

# A basic example of overlapping image and button
import customtkinter
from PIL import Image
import pywinstyles

HEIGHT = 500
WIDTH = 500

app = customtkinter.CTk()
app.title("example")
app.geometry((f"{WIDTH}x{HEIGHT}"))
app.resizable(False, False)

Label1 = customtkinter.CTkLabel(master=app, text="", image=customtkinter.CTkImage(Image.open('image.jpg'), size=(500,500)),
                                width=500, height=500)
Label1.place(x=0, y=0)

Button1 = customtkinter.CTkButton(master=app, width=255, height=172, corner_radius=48,
                                  text='BUTTON', bg_color="#000001") 
Button1.place(x=120, y=57)

pywinstyles.set_opacity(Button1, color="#000001") # just add this line

app.mainloop()

You can even set opacity (partial transparency) in individual widgets like this:

pywinstyles.set_opacity(Button1, value=0.5, color="#000001") # color is not necessary in all cases

(This thing is not available in tkinter by default, exclusively made for tk/ctk)

So, this is one more advanced step to take customtkinter to the next level.

[zain-ziad]

Trying to use this to make shadows around buttons and frames, but it results in black pixels around the corners. If there's a better way to do this, please let me know. Thanks!

Code:

import customtkinter as ctk
import pywinstyles

class CustomCTkButton(ctk.CTkFrame):
    def __init__(self, parent, shadow_color='lightgrey', **kwargs):
        super().__init__(parent, fg_color='transparent')
        self.shadow = ctk.CTkFrame(self, fg_color=shadow_color)
        self.button = ctk.CTkButton(self, bg_color="#000001", **kwargs)
        self.button.place(x=0, y=0)
        h = self.button.cget('height')
        w = self.button.cget('width')
        cr = self.button.cget('corner_radius')
        self.shadow.configure(height = h, width = w, corner_radius = cr)
        self.shadow.place(x=0, y=4)
        self.button.lift()
        pywinstyles.set_opacity(self.button, color="#000001")


# Example usage
if __name__ == '__main__':
    app = ctk.CTk()
    custom_button = CustomCTkButton(app, text="Custom", width=200, height=80, corner_radius = 32)
    custom_button.pack()
    app.mainloop()

[Akascape]

@ZAINheroOFtime This is because tkinter doesn't have antialiasing, you have to change the bg colors of button to white or something similar to fg color of frame in this case so that it matches the background. Instead pass the bg color of button (using cget) to pywinstyles without changing the button bg color. But remember color should not be a tuple.

[zain-ziad]

Works great, thank you. Any plans to have this working on Mac or Linux?

[Akascape]

@ZAINheroOFtime In linux, there is no transparent option, but only opacity. (See this issue)

For linux I guess we have to play with the libx11 library which I really don't know how it works.
Similary on mac, I don't know which library to tweak with ctypes. There is no resource available for that, luckily microsoft has documentation on all their windows internal libraries and functions, which are pretty easy to use with ctypes with windll. Tkinter is also little buggy with mac sometimes.

Bad luck for mac and linux users.

[Bookinheaven]

pywinstyles.set_opacity(frame1, value=0.5, color="#1") this method is not working
How to use it with frames?