center triangle design with only css !! Also responsive

on

1. create div - <div class="triangle"></div>
2. add css -.triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100px 100px 100px;
    border-color: transparent transparent #000000 transparent;
    text-align: center;
    display: inline;
    top: -50px;
    position: relative;
    bottom: 0px;
}


Link-http://apps.eky.hk/css-triangle-generator/

Comments

Post a Comment