Advanced Search

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