Oldal: 1 / 2 12 UtolsóUtolsó
Eredmény: 1 - 10 (12) összesen

Téma: Félkör kivágás téglalapból CSS-el

  1. #1
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás 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?



  2. #2
    Szerkesztő
    Csatlakozott
    11-11-28
    Hozzászólás
    241
    Begyűjtött 21 köszönetet
    21 hozzászólásával

    Alapbeállítás 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.


    Szabadúszó web fejlesztő. Kontakt: tamas@webdevelop.hu

  3. Az alábbi felhasználók hálásak a válaszért:

    maxgraphics (2014-12-17)

  4. #3
    Bölcs earnnet logója
    Csatlakozott
    12-08-15
    Hely
    Budapest
    Hozzászólás
    1.815
    Begyűjtött 804 köszönetet
    572 hozzászólásával

    Alapbeállítás 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.



  5. #4
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: Félkör kivágás téglalapból CSS-el

    Idézet Imot eredeti hozzászólása Hozzászólás megtekintése
    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.



  6. #5
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: Félkör kivágás téglalapból CSS-el

    Idézet earnnet eredeti hozzászólása Hozzászólás megtekintése
    É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.



  7. #6
    Bölcs Pityu logója
    Csatlakozott
    08-07-04
    Hely
    Budapest
    Hozzászólás
    1.561
    Begyűjtött 448 köszönetet
    328 hozzászólásával

    Alapbeállítás re: Félkör kivágás téglalapból CSS-el


  8. The Following 2 Users Say Thank You to Pityu For This Useful Post:

    Imot (2014-12-19), Karessz (2014-12-18)

  9. #7
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás 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.



  10. Az alábbi felhasználók hálásak a válaszért:

    Vittore1982 (2014-12-18)

  11. #8
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: Félkör kivágás téglalapból CSS-el

    Idézet Pityu eredeti hozzászólása Hozzászólás megtekintése
    Ez is használható, köszönöm. Ezt még tesztelgetnem kell, de jónak tűnik.



  12. #9
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: Félkör kivágás téglalapból CSS-el

    No ez a css maszk egy nagyon jó dolog, de:
    Can I use... Support tables for HTML5, CSS3, etc



  13. #10
    Bölcs Pityu logója
    Csatlakozott
    08-07-04
    Hely
    Budapest
    Hozzászólás
    1.561
    Begyűjtött 448 köszönetet
    328 hozzászólásával

    Alapbeállítás 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...



Oldal: 1 / 2 12 UtolsóUtolsó

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •