+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Zaokrąglona krawędź [CSS] (/thread-zaokraglona-krawedz-css)
Zaokrąglona krawędź [CSS] - golczi - 15-07-2013
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
RE: Zaokrąglona krawędź [CSS] - Kartofelek - 15-07-2013
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;
}RE: Zaokrąglona krawędź [CSS] - golczi - 15-07-2013
suuper! dzieki za pomoc
RE: Zaokrąglona krawędź [CSS] - adam_per - 16-07-2013
a jak się chce szybko wszystkie strony zaokrąglić to border-radius
RE: Zaokrąglona krawędź [CSS] - hieroshima - 16-07-2013
serio? Ameryke odkryłeś woooow