online: 3; azi: 799; total: 51254 Webdesign - Css - 29

Forma tip Clepsidra cu CSS

Forma tip Clepsidra creat cu un tag DIV si cateva proprietati CSS.
Cod: 
<style type="text/css">
#clepsydra {
 height: 0;
 width: 120px;
 border-bottom: 120px solid #05ed08;
 border-top: 120px solid #05ed08;
 border-left: 65px solid transparent;
 border-right: 65px solid transparent;
 border-radius: 25%;
 -moz-border-radius: 25%;
 -webkit-border-radius: 25%;
 -khtml-border-radius: 25%;
}
</style>

<div id="clepsydra">Cursuri Online:<br/>discant.ro</div>
Rezultat:
Cursuri Online:
discant.ro