User:Zuhui/SI26/Storybook/CSS 1: Difference between revisions
< User:Zuhui | SI26 | Storybook
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
'''[[User:Zuhui/SI26/Storybook/Permutational variables | CSS Prompts]]''' | <p style="font-size:19px; text-align: center;">'''[[User:Zuhui/SI26/Storybook/Permutational variables | CSS Prompts]]'''</p> | ||
<br> | |||
<br> | <br> | ||
<div style="float:right; text-align:right;"> | <div style="float:right; text-align:right;"> | ||
[https://developer.mozilla.org/en-US/docs/Web/CSS/Next-sibling_combinator CSS + Next sibling combinator mdm]<br> | [https://developer.mozilla.org/en-US/docs/Web/CSS/Next-sibling_combinator CSS + Next sibling combinator mdm]<br> | ||
<br> | |||
[https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path Clip-path mdn]<br> | |||
[https://www.cssportal.com/css-clip-path-generator/ Clip-path generator cssportal]<br> | |||
<br> | |||
[https://developer.mozilla.org/en-US/docs/Web/SVG SVG mdn]<br> | |||
[https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath SVG Clip-path mdn]<br> | |||
<br> | |||
</div> | </div> | ||
===Sentence in the middle=== | |||
==Sentence in the middle== | |||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
#sentence { | #sentence { | ||
Latest revision as of 11:26, 15 March 2025
CSS + Next sibling combinator mdm
Clip-path mdn
Clip-path generator cssportal
SVG mdn
SVG Clip-path mdn
Sentence in the middle
#sentence {
position: fixed;
margin: 0;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 99999;
text-align: center;
font-size: 30px;
font-weight: bold;
font-family: Arial, sans-serif;
font-weight: bold;
white-space: nowrap;
}
Existential units