Hogyan lehet CSS-sel úgy bedönteni hátrafelé egy divet pl, hogy úgy nézzen ki, mintha tényleg hátrafelé dőlne?
SkewX, SkewY, csak épp mindkét oldalról ;D
Ilyesmi kéne:
---_
--/-\
-/---\
/_____\
Remélem, nem fog nagyon elcsúszni.
Tehát pl. legyen egy betű olyan, mintha perspektivikusan lenne ábrázolva, mint pl. egy egyre szűkülő út.
(((matrix?)))





Amire te gondolsz, az nem megvalósítható. Egyszerűbb, ha inkább div helyett png képként berakod amit szeretnél.
Vagy esetleg falunyelven háromszöget csinálhatsz:
.harom{
width:100px;
height:0;
border-bottom:100px solid blue;
border-left:60px solid transparent;
border-right:60px solid transparent;
}
De az nem fogja megadni a várt hatást :D





Én ezeket próbálnám ki a helyedben:





És itt van hozzá képekkel illusztrált cikk:
Konkrétan kettő számot kéne felül összeszűkíteni, alul meg hagyni.
Linket még nézegetem.
Meg is van, a második linken. Köszi!
(Nem megvalósítható? :D)










"(Nem megvalósítható? :D)"
Valószínű akkor nem egyre gondoltunk, mert én nem láttam olyat a 2. linken, amire én gondoltam, hogy gondolsz :)
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, 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!