Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Zaokrąglona krawędź [CSS]
#1
Witam, jak zrobić coś takiego w css?
chodzi mi o ten taki łuk na dolnej krawędzi.
https://dl.dropboxusercontent.com/u/53381550/pytanie.jpg
Odpowiedz
#2
Kod:
div {
        position: relative;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;        
        border:10px solid #4C4741;
        border-bottom-width:15px;        
        width:500px;
        height:200px;         
        background-color:#242017;
        border-bottom-left-radius:200px 7px;
        border-bottom-right-radius:200px 7px;
    }    
    div:after {
        position: absolute;
        display: block;
        content:'';
        left:0;
        right:0;
        bottom:-5px;
        height:10px;
        background: #242017;
        border-bottom-left-radius:150px 5px;
        border-bottom-right-radius:150px 5px;
    }
W ustawieniami parametrow sam sobie dokladniej podzialaj.
Odpowiedz
#3
suuper! dzieki za pomoc
Odpowiedz
#4
a jak się chce szybko wszystkie strony zaokrąglić to border-radius
www.niepelnosprawny.org
Odpowiedz
#5
serio? Ameryke odkryłeś woooow
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl