Pereiti prie turinio

CSS Parralax stars animacija kaip DIV backgroundas


Rekomenduojami pranešimai

Sveiki, radau tokį CSS efektą backgroundui:

 

https://codepen.io/saransh/pen/BKJun

 

Bet čia yra visam puslapiui, o man niekaip nepavyksta jo padaryti tik vienam div'ui. Tame dive yra background image, tada ant viršaus turi būti šios žvaigždės (kurių nesigauna uždėti) ir tada contentas.

 

Reikia taip:

 

post-10219-0-31322800-1466014703_thumb.png

 

Pavyzdys divo:

 

<div id="page-content-wrapper">
       <div class="container-fluid" style="max-width:1366px;">
           <div class="row" style="margin-bottom: 15px;">
               <div class="col-lg-4" style="background-color: #ff0000; min-height: 400px;">
                   <div class="row">
                   aaaaa
                   </div> 
               </div>
               <div class="col-lg-8" >
                   <div style="background-color: #000; background-image:url('images/zheadbg.jpg'); min-height: 400px;">
                       <div class="row">
                       ČIA REIKIA PARRALAX STARS PO CONTENTU
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>

 

Any help? :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Sveiki, radau tokį CSS efektą backgroundui:

 

https://codepen.io/saransh/pen/BKJun

 

Bet čia yra visam puslapiui, o man niekaip nepavyksta jo padaryti tik vienam div'ui. Tame dive yra background image, tada ant viršaus turi būti šios žvaigždės (kurių nesigauna uždėti) ir tada contentas.

 

Reikia taip:

 

post-10219-0-31322800-1466014703_thumb.png

 

Pavyzdys divo:

 

<div id="page-content-wrapper">
       <div class="container-fluid" style="max-width:1366px;">
           <div class="row" style="margin-bottom: 15px;">
               <div class="col-lg-4" style="background-color: #ff0000; min-height: 400px;">
                   <div class="row">
                   aaaaa
                   </div> 
               </div>
               <div class="col-lg-8" >
                   <div style="background-color: #000; background-image:url('images/zheadbg.jpg'); min-height: 400px;">
                       <div class="row">
                       ČIA REIKIA PARRALAX STARS PO CONTENTU
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>

 

Any help? :)

Konteineris su overflow: hidden;

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...