<title>Cocktail D'Etoiles</title>          <meta charset="utf-8" />          <style>
              .star {
    transition: 0.7s
 -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -htm-transition: 0.7s;
  -webkit-transition: 0.7s;
    background-image: url('http://zupimages.net/up/15/27/677e.png');
  width: 130px;
  height: 125px;
  background-color: #fff;
  border-radius: 50%; }

.star:hover {
    transition: 0.7s;
 -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -htm-transition: 0.7s;
  -webkit-transition: 0.7s;
    box-shadow: 1px 1px 8px #170c1c;
  background-color: #170c1c; }

.text {
  color: #fff;
  display: block;
  margin-top: 20px;
  margin-left: 125px;
  font-size: 35px;
  font-family: 'Dancing Script', cursive;
  text-shadow: 1px 1px 8px #170c1c;
  transition: 0.7s;
 -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -htm-transition: 0.7s;
  -webkit-transition: 0.7s;
  opacity: 0.2; }

.text:hover {
  transition: 0.7s;
 -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -htm-transition: 0.7s;
  -webkit-transition: 0.7s;
  opacity: 1; }
          </style>                                    <link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css" />
<div class="star">
   <span class="text"><br />Cocktail <br />d'Etoiles</span>
</div>