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