mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
Reference doc for text-opacity
This commit is contained in:
25
docs/examples/styles/text_opacity.css
Normal file
25
docs/examples/styles/text_opacity.css
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
#zero-opacity {
|
||||||
|
text-opacity: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#quarter-opacity {
|
||||||
|
text-opacity: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#half-opacity {
|
||||||
|
text-opacity: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#three-quarter-opacity {
|
||||||
|
text-opacity: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#full-opacity {
|
||||||
|
text-opacity: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
Static {
|
||||||
|
height: 1fr;
|
||||||
|
text-align: center;
|
||||||
|
text-style: bold;
|
||||||
|
}
|
||||||
14
docs/examples/styles/text_opacity.py
Normal file
14
docs/examples/styles/text_opacity.py
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
from textual.app import App
|
||||||
|
from textual.widgets import Static
|
||||||
|
|
||||||
|
|
||||||
|
class TextOpacityApp(App):
|
||||||
|
def compose(self):
|
||||||
|
yield Static("text-opacity: 0%", id="zero-opacity")
|
||||||
|
yield Static("text-opacity: 25%", id="quarter-opacity")
|
||||||
|
yield Static("text-opacity: 50%", id="half-opacity")
|
||||||
|
yield Static("text-opacity: 75%", id="three-quarter-opacity")
|
||||||
|
yield Static("text-opacity: 100%", id="full-opacity")
|
||||||
|
|
||||||
|
|
||||||
|
app = TextOpacityApp(css_path="text_opacity.css")
|
||||||
0
docs/styles/text_opacity.md
Normal file
0
docs/styles/text_opacity.md
Normal file
Reference in New Issue
Block a user