<style>
#BBery {
width: 195px;
margin: 0 auto;
-webkit-transform: skew(-10deg, 0deg);
-moz-transform: skew(-13deg, 0deg);
-ms-transform: skew(-13deg, 0deg);
-o-transform: skew(-13deg, 0deg);
transform: skew(-13deg, 0deg);
overflow: hidden
}
#BBery .bb {
background: black;
width: 55px;
height: 40px;
margin: 13px 10px 0px 0px;
-webkit-border-radius: 0px 25px 20px 0px;
-moz-border-radius: 0px 25px 20px 0px;
border-radius: 0px 25px 20px 0px;
display: block
}
#BBery .left {float: left}
#BBery .right {float: right}
</style>

<div id='BBery'>
    <div class='left'>
        <div class='bb'></div>
        <div class='bb'></div>
    </div>
    <div class='right' style='position:relative;top:35px;'>
        <div class='bb'></div>
        <div class='bb'></div>

    </div>
    <div class='right'>
        <div class='bb'></div>
        <div class='bb'></div>
        <div class='bb'></div>
    </div>
</div>

http://embah-google.blogspot.com/2012/03/blackberry-logo-use-css3.html

Hihihihi, just share ;)

BlackBerry Logo Use CSS3

CSS