Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   эт не вопрос. треугольники - чистый css (https://javascript.ru/forum/xhtml-html-css/22011-eht-ne-vopros-treugolniki-chistyjj-css.html)

qwertyuiop10 03.10.2011 00:47

эт не вопрос. треугольники - чистый css
 
просто недавно нарыл, как сделать триугольники на чистом css:
<html>
<head>
<title>Заголовок</title>
<style type="text/css">
.a0 {
    line-height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 75px solid #0f0;
    width:0;
    height:0;
} 
.a1 {
    line-height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #0f0;
    width:0;
    height:0;
} 
.a2 {
    line-height: 0;
    border-left: 25px double transparent;
    border-right: 25px double transparent;
    border-bottom: 50px double #0f0;
    width:0;
    height:0;
} 
</style>
</head>
<body>
<div class="a0">
</div>
<div class="a1">
</div>
<div class="a2">
</div>
</body>
</html>

Может кому-нибудь будет интересно)

ваый 03.10.2011 09:17

http://www.css3shapes.com/

qwertyuiop10 03.10.2011 09:55

жаль, что border-radius не все браузеры поддерживают


Часовой пояс GMT +3, время: 14:51.