Forum Coders' city Strona Główna Coders' city
Nasza pasja to programowanie!
 

 PomocPomoc   SzukajSzukaj   UżytkownicyUżytkownicy   GrupyGrupy  RejestracjaRejestracja 
Archiwum starego forum + teoria    RSS & Panel/SideBar
 ProfilProfil   Zaloguj się, by sprawdzić wiadomościZaloguj się, by sprawdzić wiadomości   ZalogujZaloguj 

Potrzebuję szybkiej odpowiedzi na moje pytanie... Zasady

Pochylenie tła



 
Odpowiedz do tematu    Forum Coders' city Strona Główna -> Webmasterstwo
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
wisnia80



Dołączył: 27 Gru 2006
Posty: 177

PostWysłany: Sro Paź 19, 2016 9:05 pm  OP    Temat postu: Pochylenie tła Odpowiedz z cytatem Pisownia

Witam mam stronę - a dokładnie sekcję strony zdefiniowaną w następujący sposób:

Kod:

<div id="Fleet" class="section Fleet_section">
            <div class="container ">
                <div class="row">
                    <div class="col-lg-12">
                        <h1>flota</h1>
                    </div>
                </div>
                
                    <div class="row">
                        
                      <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                          <img src="./images/photo_front_page.jpg" alt="Dash">
                          <div class="caption">
                            <h3>Bombardier Dhd8</h3>
                          </div>
                        </div>
                      </div>
                    

                      <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                          <img src="./images/photo_front_page.jpg" alt="Boeing 737">
                          <div class="caption">
                            <h3>Boeing 737</h3>
                          </div>
                        </div>
                      </div>


                      <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                          <img src="./images/777.jpg" alt="Boeing 777">
                          <div class="caption">
                            <h3>Boeing 777</h3>
                          </div>
                        </div>
                      </div>
                        
                    </div>              
            </div>
        </div>




oraz css

Kod:


.section{
    width: 100%;
    height: 100%;
    padding-top: 80px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background: #fff;
    }

.Fleet_section {
    font-size: 1.2em;
    text-align: center;
}

.section.Fleet:after {
    content: '';
    width: 100%;
    height: 80%;
   // position: absolute;
    background: #0C142b;
    z-index: -1;
    bottom: 0;
    transform-origin: right bottom;
    transform: skewY(-3deg);
  
}

.thumbnail {
    border: 1px solid #0C142b;
}

.thumbnail>img, .thumbnail a>img {
    margin-right: auto;
    margin-left: auto;
    border-radius: 4px;
}


reszta css dla row i container wykorzystuje bootstrap.

Teraz chciałem za pomocą .section.Fleet:after zrobić pochylenie tła ale ni jak nie mogę tego uzyskać.. możne mi ktoś pomoc?

próbowałem wykorzystać kod ale nie działa...

http://www.hongkiat.com/blog/skewed-edges-css/

_________________
---------------------------------------------------------------
Nigdy nie mów ze czegoś nie da sie zrobić, bo ktoś tego nie wie i to zrobi.....
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
Wyświetl posty z ostatnich:   
Odpowiedz do tematu    Forum Coders' city Strona Główna -> Webmasterstwo Wszystkie czasy w strefie CET (Europa)

Strona 1 z 1

 
Skocz do:  
Możesz pisać nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Możesz dodawać załączniki na tym forum
Możesz pobierać pliki z tego forum




Debug: strone wygenerowano w 0.05280 sekund, zapytan = 12
contact

| Darmowe programy i porady Jelcyna | Tansze zakupy w Helionie | MS Office Blog |