Advanced Search

Return to Snippet

Revision: 56106
at March 10, 2012 01:53 by BebenKoben
Initial Code 
<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>
Initial URL 
http://embah-google.blogspot.com/2012/03/blackberry-logo-use-css3.html
Initial Description 
Hihihihi, just share ;)
Initial Title 
BlackBerry Logo Use CSS3
Initial Tags 

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS