Kék szövegdoboz
2014.07.07. 18:11
"Nem voltam, nem vagyok, nem lehetek méltó a maga szerelmére. Maga a tisztaság, az édes, szűzies érzelmek ragyogó ideálja, s én... én egy szebb életnek ide maradt romja: fakó, hétköznapi ember."
/ Ady Endre /
HTML kód:
<div class="oval-thought">
<p>ide jön a szöveg</p>
</div>
CSS kód:
<style>
.oval-thought {
position:relative;
width:270px;
padding:50px 40px;
margin:1em auto 80px;
text-align:center;
color:#fff;
background:#075698;
-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(#2e88c4), to(#075698));
background:-moz-linear-gradient(top, #2e88c4, #075698);
background:-o-linear-gradient(top, #2e88c4, #075698);
}
.oval-thought p {font-size:1.25em;}
.oval-thought:before {
content:"";
position:absolute;
bottom:-20px;
left:50px;
width:30px;
height:30px;
background:#075698;
/* css3 */
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}
.oval-thought:after {
content:"";
position:absolute;
bottom:-30px;
left:30px;
width:15px;
height:15px;
background:#075698;
/* css3 */
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
</style>
|