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