Jak uzyskać taki efekt w Html-u lub w Css

pytanie zadane 5 czerwca 2015 w HTML i CSS przez Paweł123 Nałogowiec (33,500 p.)

Hej, przegladałem strone i natknąłem się na takie o to zdjęcie. Chciałbym zrobić taki sam efekt na moją strone tylko nie wiem jak :( Może ktoś potrafi zrobić coś takiego, jeśli tak proszę o pomoc.

4 odpowiedzi

odpowiedź 6 czerwca 2015 przez testerius Pasjonat (23,960 p.)
wybrane 6 czerwca 2015 przez Paweł123

odpowiedź 5 czerwca 2015 przez SebastianGomularz Dyskutant (9,370 p.)

http://it-maniak.pl/okragla-strona-bez-komplikacji/

komentarz 5 czerwca 2015 przez Comandeer Guru (601,590 p.)

Ten artykuł ma chyba z dobre 5 lat… Przedrostków do border-radius obecnie się wręcz nie powinno stosować.

komentarz 6 czerwca 2015 przez Hubert Murawski Stary wyjadacz (11,990 p.)

Przedrostków do border-radius

Przedrostków do border-radius tzn?

komentarz 6 czerwca 2015 przez Comandeer Guru (601,590 p.)

Vendor prefixes, czyli -moz-border-radius itp.

komentarz 6 czerwca 2015 przez Hubert Murawski Stary wyjadacz (11,990 p.)

Rozumiem, czyli na obecne standardy pod każdą przeglądarkę wystarczy samo border-radius tak?

komentarz 6 czerwca 2015 przez Comandeer Guru (601,590 p.)

Tak. Warto to sprawdzać na http://caniuse.com

Osobiście piszę kod bez prefiksów, a później przepuszczam przez Autoprefixer, który je dodaje tam, gdzie potrzeba

odpowiedź 5 czerwca 2015 przez kamilwdg18 Obywatel (1,080 p.)

Nigdy nie robiłem tego ale zrobiłbym to tak:

  //Div w kształcie kółka

#kolko{
border-radius: 50%;
width: 100px;
height: 100px;
border: 3px solid white;
box-sizing:inhert;
background-image:url('obrazek1.jpg');



}

box-sizing powoduje że div się nie zwiększy

http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

komentarz 5 czerwca 2015 przez Comandeer Guru (601,590 p.)

Informacja o box-sizing na W3Schools jest niekompletna - istnieje jeszcze wartość padding-box. Co prawda nikt o zdrowych zmysłach jej nigdy nie zastosuje, ale warto mieć tego świadomość ;) https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing

No i przecież inherit w tym wypadku dla tej komendy nic nie zmieni - odziedziczysz domyślną wartość, a nie border-box, o który Ci zapewne chodzi