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 17:00 | Upozornění

    Národní identitní autorita, tedy NIA ID, MeG a eOP jsou nedostupné. Na nápravě se pracuje [𝕏].

    Ladislav Hagara | Komentářů: 1
    dnes 16:44 | IT novinky

    Americký výrobce čipů Nvidia se stal první firmou na světě, jejíž tržní hodnota dosáhla pěti bilionů USD (104,5 bilionu Kč). Nvidia stojí v čele světového trhu s čipy pro umělou inteligenci (AI) a výrazně těží z prudkého růstu zájmu o tuto technologii. Nvidia již byla první firmou, která překonala hranici čtyř bilionů USD, a to letos v červenci.

    Ladislav Hagara | Komentářů: 3
    dnes 14:11 | Komunita

    Po Canonicalu a SUSE oznámil také Red Hat, že bude podporovat a distribuovat toolkit NVIDIA CUDA (Wikipedie).

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

    TrueNAS (Wikipedie), tj. open source storage platforma postavená na Linuxu, byl vydán ve verzi 25.10 Goldeye. Přináší NVMe over Fabric (NVMe-oF) nebo OpenZFS 2.3.4.

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

    Byla vydána OpenIndiana 2025.10. Unixový operační systém OpenIndiana (Wikipedie) vychází z OpenSolarisu (Wikipedie).

    Ladislav Hagara | Komentářů: 0
    dnes 13:22 | Zajímavý článek

    České základní a střední školy čelí alarmujícímu stavu kybernetické bezpečnosti. Až 89 % identifikovaných zranitelností v IT infrastruktuře vzdělávacích institucí dosahuje kritické úrovně, což znamená, že útočníci mohou vzdáleně převzít kontrolu nad klíčovými systémy. Školy navíc často provozují zastaralé technologie, i roky nechávají zařízení bez potřebných aktualizací softwaru a používají k nim pouze výchozí, všeobecně známá

    … více »
    Ladislav Hagara | Komentářů: 7
    dnes 05:11 | Komunita

    Během tradiční ceremonie k oslavě Dne vzniku samostatného československého státu (28. října) byl vyznamenán medailí Za zásluhy (o stát v oblasti hospodářské) vývojář 3D tiskáren Josef Průša. Letos byly uděleny pouze dvě medaile Za zásluhy o stát v oblasti hospodářské, druhou dostal informatik a manažer Ondřej Felix, který se zabývá digitalizací státní správy.

    🇹🇬 | Komentářů: 33
    dnes 04:44 | Nová verze

    Tor Browser, tj. fork webového prohlížeče Mozilla Firefox s integrovaným klientem sítě Tor přednastavený tak, aby přes tuto síť bezpečně komunikoval, byl vydán ve verzi 15.0. Postaven je na Firefoxu ESR 140.

    Ladislav Hagara | Komentářů: 2
    včera 16:44 | Nová verze

    Bylo oznámeno (cs) vydání Fedora Linuxu 43. Ve finální verzi vychází šest oficiálních edic: Fedora Workstation a Fedora KDE Plasma Desktop pro desktopové, Fedora Server pro serverové, Fedora IoT pro internet věcí, Fedora Cloud pro cloudové nasazení a Fedora CoreOS pro ty, kteří preferují neměnné systémy. Vedle nich jsou k dispozici také další atomické desktopy, spiny a laby. Podrobný přehled novinek v samostatných článcích na stránkách Fedora Magazinu: Fedora Workstation, Fedora KDE Plasma Desktop, Fedora Silverblue a Fedora Atomic Desktops.

    Ladislav Hagara | Komentářů: 0
    včera 15:22 | IT novinky

    Elon Musk oznámil (𝕏) spuštění internetové encyklopedie Grokipedia (Wikipedia). Zatím ve verzi 0.1. Verze 1.0 prý bude 10x lepší, ale i ve verzi 0.1 je podle Elona Muska již lepší než Wikipedia.

    Ladislav Hagara | Komentářů: 20
    Jaké řešení používáte k vývoji / práci?
     (36%)
     (48%)
     (20%)
     (19%)
     (23%)
     (17%)
     (21%)
     (17%)
     (17%)
    Celkem 281 hlasů
     Komentářů: 14, poslední 14.10. 09:04
    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: 892×
    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.