Skip to content
Discussion options

You must be logged in to vote
export component Glassy inherits Window {
    title: "Glassy Window";
    preferred-width: 600px;
    preferred-height: 400px;
    Image {
        source: @image-url("../images/bg.jpg");
    }

    // glassy widget
    Rectangle {
        width: 300px;
        height: 200px;

        // glassy effect
        Rectangle {
            background: white;
            opacity: 0.3;
            drop-shadow-color: black;
            drop-shadow-blur: 20px;
        }

        // content inside the glassy rectangle
        Text {
            color: red;
            font-size: 28px;
            text: "Hello World!\nThis is a glassy effect.";
        }
    }
}

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by mitsubishirgb
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants