Kerek szövegdoboz
2014.02.17. 15:32
Én ezt a szövegdobozt csak középre igazított szöveg-stílussal használnám. :P
Ha valakinek esetleg nem tetszene a halvány-effektus, akkor az törölje ki ezt a részt a kódból:
.kerek_szovegdoboz:hover {filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 0.5s}
Kód:
<div class="kerek_szovegdoboz"><div style="margin-top: -5px; margin-left: -5px;"">
IDE JÖN A SZÖVEGED!!!!!!
</div></div>
<style>
.kerek_szovegdoboz {
width: 170px;
height: 170px;
padding: 40px;
text-align:justify;
border-radius: 125px;
moz-border-radius: 125px;
background-color: #93C1C2;
color: #fefefe;
font-family: trebuchet ms;
filter: alpha(opacity=60); opacity:0.6;;-moz-transition: 0.5s
}
.kerek_szovegdoboz a{border-bottom: 1px dotted #fefefe;}
.kerek_szovegdoboz:hover {filter: alpha(opacity=100); opacity:1.0;;-moz-transition: 0.5s}
</style>
|