HTML kód:

<div class="oval-speech">

<p>IDE JÖN A SZÖVEGED!!!</p>

</div>

<style>

.oval-speech {

position:relative;

width:270px;

padding:50px 40px;

margin:1em auto 50px;

text-align:center;

color:#fff; 

background:#5a8f00;

-webkit-border-top-left-radius:220px 120px;

-webkit-border-top-right-radius:220px 120px;

-webkit-border-bottom-right-radius:220px 120px;

-webkit-border-bottom-left-radius:220px 120px;

-moz-border-radius:220px / 120px;

border-radius:220px / 120px;

background:-webkit-gradient(linear, left top, left bottom, from(#b8db29), to(#5a8f00));

background:-moz-linear-gradient(top, #b8db29, #5a8f00);

background:-o-linear-gradient(top, #b8db29, #5a8f00);

}

 

.oval-speech p {font-size:1.25em;}

.oval-speech:before {

content:"";

position:absolute;

z-index:-1;

bottom:-30px;

right:50%;

width:0;

height:30px;

border-right:60px solid #5a8f00;

background:#5a8f00; 

 

/* css3 */

-moz-border-radius-bottomright:80px 50px;

-webkit-border-bottom-right-radius:80px 50px;

border-bottom-right-radius:80px 50px;

-moz-transform:translate(0, -2px);

-webkit-transform:translate(0, -2px);

-o-transform:translate(0, -2px);

transform:translate(0, -2px);

}

.oval-speech:after {

content:"";

position:absolute;

z-index:-1;

bottom:-30px;

right:50%;

width:60px;

height:30px;

background:#fff;

 

/* css3 */

-moz-border-radius-bottomright:40px 50px; 

-webkit-border-bottom-right-radius:40px 50px; 

border-bottom-right-radius:40px 50px; 

-moz-transform:translate(-30px, -2px);

-webkit-transform:translate(-30px, -2px);

-o-transform:translate(-30px, -2px);

transform:translate(-30px, -2px);

}

</style>