Untitled

<!DOCTYPE HTML>
<html>
<head><title>Caione</title>
<style>
#wrapper {

}
#wrapper #before, #wrapper:hover #after {
background: linear-gradient(white,green);
font-family: arial;
font-size: xx-medium;
color: white;
text-align: center;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
#wrapper:hover #before, #wrapper #after {
background: linear-gradient(green,white);
font-family: arial;
font-size: xx-medium;
color: white;
text-align: center;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
</style>

</head>
<body>
<div id="wrapper">
<div id="after">
<p>ANKA</p>
</div>
<div id="before">

</div>
</div>
</body>
</html>