Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium ipsum et massa posuere, sed molestie velit semper. Donec in risus ut massa consequat dapibus ac a metus. Aliquam vel tortor a tortor pellentesque dictum. Ut tincidunt egestas eros at egestas. Vivamus vulputate consequat arcu vel iaculis. Praesent diam purus, venenatis sed justo nec, sodales vestibulum lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium ipsum et massa posuere, sed molestie velit semper. Donec in risus ut massa consequat dapibus ac a metus.


div.b:after, div.b:before {
    top:100%;
    content:"";
    position: absolute;
    height: 0;
}
div.b:after {
    border-left: 16px solid #639dbc;
    border-bottom: 16px solid transparent;
    left: 45%;
}
div.b:before {
    border-bottom: 16px solid #639dbc;
    width: 45%;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium ipsum et massa posuere, sed molestie velit semper. Donec in risus ut massa consequat dapibus ac a metus. Aliquam vel tortor a tortor pellentesque dictum. Ut tincidunt egestas eros at egestas. Vivamus vulputate consequat arcu vel iaculis. Praesent diam purus, venenatis sed justo nec, sodales vestibulum lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium ipsum et massa posuere, sed molestie velit semper. Donec in risus ut massa consequat dapibus ac a metus.


div.t:after, div.t:before {
    bottom:100%;
    content:"";
    position: absolute;
    height: 0;
}
div.t:after {
    border-left: 16px solid #639dbc;
    border-top: 16px solid transparent;
    left: 45%;
}
div.t:before {
    border-top: 16px solid #639dbc;
    width: 45%;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium ipsum et massa posuere, sed molestie velit semper. Donec in risus ut massa consequat dapibus ac a metus. Aliquam vel tortor a tortor pellentesque dictum. Ut tincidunt egestas eros at egestas. Vivamus vulputate consequat arcu vel iaculis. Praesent diam purus, venenatis sed justo nec, sodales vestibulum lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium ipsum et massa posuere, sed molestie velit semper. Donec in risus ut massa consequat dapibus ac a metus.


div.l:after, div.l:before {
    content:"";
    position: absolute;
    height: 50%;
    top: 0;
}
div.l:after {
    border-right: 16px solid #639dbc;
    border-bottom: 16px solid transparent;
    right: 100%;
}
div.l:before {
    border-top: 16px solid #639dbc;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium ipsum et massa posuere, sed molestie velit semper. Donec in risus ut massa consequat dapibus ac a metus. Aliquam vel tortor a tortor pellentesque dictum. Ut tincidunt egestas eros at egestas. Vivamus vulputate consequat arcu vel iaculis. Praesent diam purus, venenatis sed justo nec, sodales vestibulum lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium ipsum et massa posuere, sed molestie velit semper. Donec in risus ut massa consequat dapibus ac a metus.


div.r:after, div.r:before {
    content:"";
    position: absolute;
    height: 50%;
    top: 0;
}
div.r:after {
    border-left: 16px solid #639dbc;
    border-bottom: 16px solid transparent;
    left: 100%;
}
div.r:before {
    border-top: 16px solid #639dbc;
}
Torna all'articolo del blog - Privacy