Paralelogramma alakú gombon belül hogyan tudok egyenes szöveget csinálni?
Az ide kapcsolódó CSS kód:
-webkit-transform: skew(15deg);
-moz-transform: skew(15deg);
-o-transform: skew(15deg);
De szeretném, ha a szöveg nem lenne dőlt, az egyenes maradna. Lehetőleg egyszerű megoldást írjatok. Köszi!
válasza: válasza:Előrebocsátom, nem vagyok CSS guru, én valami ilyesmire gondoltam:
<div id="ez-a-torzitott-gomb">
<div id="ez-meg-a-szoveg-rajta">Szöveg</div>
</div>
A szöveget középre igazítod a gombon belül, a skew-os dolgokat pedig csak a külső div-re alkalmazod. Szerintem ennek működnie kéne. :)
válasza:szerintem így mozog a benne lévő elem is, úgyhogy azt vagy visszatorzítod (skew(0), vagy -15?), vagy valahogy így esetleg:
<div class="box" style="position:relative">
<div class="paralelo"></div>
<div class="szoveg" style="position:absolute;top:0;left:0;>szoveg</div>
</div>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!