Félkör kivágás téglalapból CSS-el
Sziasztok,
Kérdés:
Hogyan lehet kivágni egy fehér hátterű téglalap egyik oldalából egy áttetsző félkört css-el? A sarkokra találtam megoldást, de nekem olyan kellene, ahol egy teljes félkört ki tudok vágni az egyik oldalból és ráadásul látszódjon alatta a háttér. Erre szerintetek van lehetőség?
re: Félkör kivágás téglalapból CSS-el
Ha a jobb felerol szeretnel kivagni akkor talan a: border-top-right-radius & border-bottom-right-radius CSS szaballyal ezt megteheted, ha az elem magassaganak felet adod meg a kor sugarakent akkor szabalyos felkorre fogja kerekiteni a sarkokat.
re: Félkör kivágás téglalapból CSS-el
Érdekes kérdés, én ugyan nem szeretek origamizni CSS3-mal (1 png megvan egy perc alatt), de kíváncsian várom a megoldást.
re: Félkör kivágás téglalapból CSS-el
Idézet:
Imot eredeti hozzászólása
Ha a jobb felerol szeretnel kivagni akkor talan a: border-top-right-radius & border-bottom-right-radius CSS szaballyal ezt megteheted, ha az elem magassaganak felet adod meg a kor sugarakent akkor szabalyos felkorre fogja kerekiteni a sarkokat.
A megoldásod jó lenne, ha a sarkokat szeretném lekerekíteni. Ennyire azért megy a css. Itt egy téglalap oldalából szeretnék kivágni egy félkört. Egy teljes, szabályos félkört.
re: Félkör kivágás téglalapból CSS-el
Idézet:
earnnet eredeti hozzászólása
Érdekes kérdés, én ugyan nem szeretek origamizni CSS3-mal (1 png megvan egy perc alatt), de kíváncsian várom a megoldást.
png képen én is gondolkodtam már de ez sem szép megoldás. Ha rárakom a fehér háttérre a pngt lényegében ugyan ott vagyok, mert alatta van a fehér lap. Ha a png köré teszek keretet már majdnem jó, de sok felesleges divvel lehetne mellé folyó szöveget tenni, megtörések nélkül. A másik probléma, hogy ennek a körnek a mérete nem lehet fix a bootsrtap miatt.
re: Félkör kivágás téglalapból CSS-el
re: Félkör kivágás téglalapból CSS-el
Ez se teljesen az, de végül tegnap este ez a megoldás született:
Edit fiddle - JSFiddle
Ez már látványra az amit szerettem volna, de még ez sem teljesen jó, mert mondjuk átlós textúrával lehetnek elcsúszások benne eltérő felbontások alatt.
re: Félkör kivágás téglalapból CSS-el
Idézet:
Pityu eredeti hozzászólása
Ez is használható, köszönöm. Ezt még tesztelgetnem kell, de jónak tűnik.
re: Félkör kivágás téglalapból CSS-el
re: Félkör kivágás téglalapból CSS-el
Igen, erre ráfutottam én is, de - hogy meg ne bántsak senkit - aki IE-t használ 2014-ben, az ne is lássa...