Интересный эффект облака без использование картинок

<p class="speech">I love Webo4ka!Power by WebTak</p>

p.speech {
  position: relative;
  width: 250px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  background-color: #fFF;
  border: 7px solid #333;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 2px 2px 4px #888;
  -moz-box-shadow: 2px 2px 4px #888;
  box-shadow: 2px 2px 4px #888;
}
p.speech:before {  
  content: ' ';  
  position: absolute;  
  width: 0;  
  height: 0;  
  left: 30px;  
  top: 100px;  
  border: 25px solid;  
  border-color: #333transparent transparent #333;  
}
p.speech:after {  
  content: ' ';  
  position: absolute;  
  width: 0;  
  height: 0;  
  left: 38px;  
  top: 100px;  
  border: 15px solid;  
  border-color: #fff transparent transparent #fff;  
}