abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
    včera 17:44 | Zajímavý článek

    Jak si zobrazit pomocí Chrome a na Chromiu založených webových prohlížečích stránky s neplatným certifikátem? Stačí napsat thisisunsafe.

    Ladislav Hagara | Komentářů: 3
    včera 00:33 | Bezpečnostní upozornění

    V repozitáři AUR (Arch User Repository) linuxové distribuce Arch Linux byly nalezeny a odstraněny tři balíčky s malwarem. Jedná se o librewolf-fix-bin, firefox-patch-bin a zen-browser-patched-bin.

    Ladislav Hagara | Komentářů: 10
    včera 00:22 | Komunita

    Dle plánu by Debian 13 s kódovým názvem Trixie měl vyjít v sobotu 9. srpna.

    Ladislav Hagara | Komentářů: 0
    19.7. 13:22 | Komunita

    Vývoj linuxové distribuce Clear Linux (Wikipedie) vyvíjené společností Intel a optimalizováné pro jejich procesory byl oficiálně ukončen.

    Ladislav Hagara | Komentářů: 1
    18.7. 14:00 | Zajímavý článek

    Byl publikován aktuální přehled vývoje renderovacího jádra webového prohlížeče Servo (Wikipedie).

    Ladislav Hagara | Komentářů: 0
    18.7. 12:00 | Nová verze

    V programovacím jazyce Go naprogramovaná webová aplikace pro spolupráci na zdrojových kódech pomocí gitu Forgejo byla vydána ve verzi 12.0 (Mastodon). Forgejo je fork Gitei.

    Ladislav Hagara | Komentářů: 1
    17.7. 18:44 | Zajímavý článek

    Nová čísla časopisů od nakladatelství Raspberry Pi zdarma ke čtení: Raspberry Pi Official Magazine 155 (pdf) a Hello World 27 (pdf).

    Ladislav Hagara | Komentářů: 1
    17.7. 16:11 | Nová verze

    Hyprland, tj. kompozitor pro Wayland zaměřený na dláždění okny a zároveň grafické efekty, byl vydán ve verzi 0.50.0. Podrobný přehled novinek na GitHubu.

    Ladislav Hagara | Komentářů: 4
    17.7. 15:55 | Komunita

    Patrick Volkerding oznámil před dvaatřiceti lety vydání Slackware Linuxu 1.00. Slackware Linux byl tenkrát k dispozici na 3,5 palcových disketách. Základní systém byl na 13 disketách. Kdo chtěl grafiku, potřeboval dalších 11 disket. Slackware Linux 1.00 byl postaven na Linuxu .99pl11 Alpha, libc 4.4.1, g++ 2.4.5 a XFree86 1.3.

    Ladislav Hagara | Komentářů: 6
    16.7. 21:22 | IT novinky

    Ministerstvo pro místní rozvoj (MMR) jako první orgán státní správy v Česku spustilo takzvaný „bug bounty“ program pro odhalování bezpečnostních rizik a zranitelných míst ve svých informačních systémech. Za nalezení kritické zranitelnosti nabízí veřejnosti odměnu 1000 eur, v případě vysoké závažnosti je to 500 eur. Program se inspiruje přístupy běžnými v komerčním sektoru nebo ve veřejné sféře v zahraničí.

    Ladislav Hagara | Komentářů: 19
    Kolik tabů máte standardně otevřeno ve web prohlížeči?
     (28%)
     (18%)
     (5%)
     (5%)
     (3%)
     (5%)
     (5%)
     (33%)
    Celkem 40 hlasů
     Komentářů: 6, poslední dnes 09:19
    Rozcestník

    Dotaz: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?

    14.12.2018 23:12 zdenek2008 | skóre: 26
    Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Přečteno: 888×
    Přílohy:
    Na pozadi nejakeho div elementu v Bootstrapu 4 bych chtel mit rotujici radialni paprsky. Momentalne mam dva vzory: jeden vypada docela luxusne, prizpusobuje se velikosti konkretniho elementu, ale nerotuje. Ten druhy rotuje, ale ma velikost napevno a pri zmene nejakeho rozmeru ve zdrojaku se cely obrazec rozpadne. Navic mi neni uplne jasne jak ho pouzit jako pozadi. Potreboval bych jejich vlastnosti zkombinovat tak, aby rotoval, prizpusobil se velikosti rodicovskeho elementu a slouzil jako pozadi, cili aby se dalo neco umistit pred nej (grafika, text apod.). Kdyby mel i stinovani jako ten staticky vzor, tak to byla uz jen tresnicka na dortu, ale obesel bych se bez toho, stacily by "ploche" barvy. Oba zdrojaky ale maji jinou koncepci, tak nevim... Nemeli byste nekdo nejake napady nebo tipy? Kdyztak predem diky.

    Řešení dotazu:


    Odpovědi

    15.12.2018 09:31 Odin1918 | skóre: 6 | blog: Valhalla
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Co misto toho pouzit bezici text nebo tancujiciho Jezise? :-D
    15.12.2018 10:34 debian+
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Co je za jednotku vw v tom static?
    15.12.2018 15:17 zdenek2008 | skóre: 26
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Tak to by byla otazka spis pro autora zdrojaku.
    16.12.2018 22:24 debian+
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    16.12.2018 22:27 debian+
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Zas som sa nieco nove dozvedel.
    Řešení 1× (zdenek2008 (tazatel))
    18.12.2018 13:07 helb
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Příloha:
    No, pokud to ma byt ciste jako CSS pozadi (a ne ruzne prekryte pseudoelementy jako v tech prilohach), muzete vyuzit toho, ze se do CSS da vkladat SVG a do SVG se da vkladat CSS.

    Priklad tu: codepen.io/helb/pen/QzKxvx
    18.12.2018 14:33 OldFrog {Ondra Nemecek} | skóre: 36 | blog: Žabákův notes | Praha
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    To je fajn, akorát to docela žere CPU. Firefox asi 40%, Chromium cca 10%.
    -- OldFrog
    18.12.2018 15:38 helb
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    To bohuzel jo. Zkousel jsem misto SVG jeste repeating-conic-gradient (podporuje jen Chromium 70+) a zere to zhruba stejne – holt prohlizec tak jako tak porad dokola prekresluje dost velkou plochu.
    19.12.2018 14:15 zdenek2008 | skóre: 26
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Diky, vyzkousim. Pokud by to melo nejak vyznamne brzdit browser, tak zase uplne za kazdou cenu to mit nemusim, jen se mi to libi coby dekorace. Diky za tip.
    19.12.2018 15:02 helb
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Jeste se da misto CSS animace pouzit SMIL. Ale obavam se, ze to bude zrat skoro stejne.

    Priklad tu: codepen.io/helb/pen/wRoxLb

    A samotna SVGcka: codepen.io/helb/pen/maOGmg (vlevo SMIL, vpravo CSS, pro pouziti v background: url(…) je potreba je prohnat urlencodem… viz ten predchozi priklad)

    Btw. zkusil jsem to otevrit i na pocitaci s Windows a nezere to temer nic, asi se tam umi prohlizece nejak lepe domluvit s grafickou kartou… :(

    Nejmene narocne na vykon/baterii by bylo asi pouziti <canvas>u a requestAnimationFrame. Ale to je zas narocnejsi na implementaci.
    19.12.2018 20:05 zdenek2008 | skóre: 26
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Paradni prace, smekam. Diky.
    19.12.2018 14:41 zdenek2008 | skóre: 26
    Rozbalit Rozbalit vše Re: Bootstrap 4: jak vytvorit rotujici radialni paprsky na pozadi?
    Jeste bych dodal, ze tve reseni vypada luxusne, pekna prace. Diky.

    Založit nové vláknoNahoru

    Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

    ISSN 1214-1267   www.czech-server.cz
    © 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.