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í
×
    dnes 18:11 | Nová verze

    Programovací jazyk Python byl vydán v nové major verzi 3.14.0. Podrobný přehled novinek v aktualizované dokumentaci.

    Ladislav Hagara | Komentářů: 2
    dnes 16:33 | IT novinky

    Bylo oznámeno, že Qualcomm kupuje Arduino. Současně byla představena nová deska Arduino UNO Q se dvěma čipy: MPU Qualcomm Dragonwing QRB2210, na kterém může běžet Linux, a MCU STM32U585 a vývojové prostředí Arduino App Lab.

    Ladislav Hagara | Komentářů: 1
    dnes 15:55 | Nová verze

    Multiplatformní open source voxelový herní engine Luanti byl vydán ve verzi 5.14.0. Podrobný přehled novinek v changelogu. Původně se jedná o Minecraftem inspirovaný Minetest v říjnu loňského roku přejmenovaný na Luanti.

    Ladislav Hagara | Komentářů: 0
    dnes 13:22 | Nová verze

    Byla vydána nová stabilní verze 6.10 (YouTube) multiplatformního frameworku a GUI toolkitu Qt. Podrobný přehled novinek v poznámkách k vydání.

    Ladislav Hagara | Komentářů: 0
    včera 23:55 | Komunita

    Ubuntu 26.04 LTS bude (𝕏) Resolute Raccoon (rezolutní mýval).

    Ladislav Hagara | Komentářů: 3
    včera 21:00 | Nová verze

    Netwide Assembler (NASM) byl vydán v nové major verzi 3.00. Přehled novinek v poznámkách k vydání v aktualizované dokumentaci.

    Ladislav Hagara | Komentářů: 0
    včera 20:11 | Komunita

    Linuxová distribuce Frugalware (Wikipedie) ke konci roku 2025 oficiálně končí.

    Ladislav Hagara | Komentářů: 0
    včera 17:22 | Nová verze

    Byla vydána nová verze 3.0.6 svobodné aplikace pro úpravu a vytváření rastrové grafiky GIMP (GNU Image Manipulation Program). Přehled novinek v oznámení o vydání a v souboru NEWS na GitLabu. Nový GIMP bude brzy k dispozici také na Flathubu.

    Ladislav Hagara | Komentářů: 0
    včera 16:11 | IT novinky

    Americký výrobce čipů AMD uzavřel s americkou společností OpenAI smlouvu na několikaleté dodávky vyspělých mikročipů pro umělou inteligenci (AI). Součástí dohody je i předkupní právo OpenAI na přibližně desetiprocentní podíl v AMD.

    Ladislav Hagara | Komentářů: 1
    včera 12:22 | Nová verze Ladislav Hagara | Komentářů: 0
    Jaké řešení používáte k vývoji / práci?
     (39%)
     (46%)
     (15%)
     (17%)
     (21%)
     (15%)
     (18%)
     (16%)
     (16%)
    Celkem 190 hlasů
     Komentářů: 12, poslední 4.10. 20:35
    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: 889×
    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.