Return to Snippet

Revision: 36732
at November 25, 2010 12:35 by screamwork


Initial Code
styling of the container element
#demo {
   background-color: #333;
   height: 100px;
   position: relative; // important
   width: 100px;
}

// styling for the pointer
#demo:after {
   content: ' ';
   height: 0;
   position: absolute; // important
   width: 0;

   border: 10px solid transparent;
   border-top-color: #333; 

   // this bubble would appear bottom left
   top: 100%;
   left: 10px;   
}

Initial URL

                                

Initial Description

                                

Initial Title
Speech bubble effect with CSS

Initial Tags
css

Initial Language
CSS