http://stackoverflow.com/questions/19052755/text-in-rounded-corners-and-hover-not-working... -

30.07.2015

http://stackoverflow.com/questions/19052755/text-in-rounded-corners-and-hover-not-working

Las buenas mujeres dicen toda su vida, y día a día, hora por hora y minuto a minuto, muchas cosas que los ángeles pueden leer. Bram Stoker

Que acaso no existan los ángeles, pero que hay gente que podrían ser ángeles...David Foster Wallace

HTML

<a href="http://fondogifflashgloriav.ek.la/angeles-c25903940"> <div class="round"> <img src="https://img-fotki.yandex.ru/get/6421/122885204.12c/0_81333_8aeaa0d4_orig" width="140" height="165"align="center" /><br />Texto</div> </a> <a href="http://fondogifflashgloriav.ek.la/angeles-c25903940"> <div class="round"> <img src="https://img-fotki.yandex.ru/get/4310/sweetlankakiss.15/0_29679_32ad8cd7_orig" width="140" height="165" align="center" /><br />Texto</div> </a>

CSS

<style type="text/css"><!--   .round{ -moz-border-radius:30%; /* for Firefox */ -webkit-border-radius:30%; /* for Webkit-Browsers */
  border-radius:30%; /* regular */
  opacity:1; /* Transparent Background 30% */
  background:#eee;
  padding:40px;
  height:170px;
  width:170px;
  text-align: center;
  alignment-adjust: middle;
  vertical-align:middle;
  text-decoration: none;
  color:#000; 
} 
  .round:hover{ 
  -moz-border-radius:30%; /* for Firefox */ -webkit-border-radius:30%; /* for Webkit-Browsers */
  border-radius:10%; /* regular */
  opacity:1; /* Transparent Background 30% */
  background:#ccc;
  padding:40px;
  height:170px;
  width:170px;
  text-align: center;
  alignment-adjust: middle;
  vertical-align:middle;
  text-decoration: none;
  color:#fff; 
}--></style>