Hi,
I try to show the text upside down but can't make it happen.
Tried a lot already..
https://www.virtualtuur.com/krpano/121/bar…es/cssstyles/1/
Code
<scene name="scene_1" title="a1" onstart="" autoload="true">
<preview type="grid(cube,64,64,512,0xffffff,0x333333,0x333333);" details="16"/>
<view hlookat="0" fov="70" limitview="auto" />
</scene>
<cssstyles>
:root
{
--color1-rgb: 255,255,255;
--color2-rgb: 255,255,255;
--color3-rgb: 10,10,10;
}
.buttonusd
{
color: rgba(51,102,153,1);
text-shadow: -2px 0 white, 0 2px black, 2px 0 black, 0 -2px black;
font-size: 44px;
font-weight: bold;
letter-spacing: 2.8px;
background: rgba(var(--color2-rgb),0.4);
border: 1px solid rgba(var(--color1-rgb), 0.3);
border-radius: 7px;
box-shadow: 0 4px 30px rgba(var(--color3-rgb), 0.2);
backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
transform: scale(1, -1);
}
</cssstyles>
<layer type="text" keep="true" html="Upside Down" align="center" padding="8 16" cssclass="buttonusd" /> <!-- -->
Alles anzeigen
When I put this in the :root
transform: scale(1, -1);
it works but I need to happen in the css class buttonusd..
any clue?
Tuur