Hallo,
Wie bekomme ich den Text beim hovern weg. display:none; z-index; funktioniert schon mal nicht
Code
<!--HTML-->
<div class="boxtwo">
<p>Mein Name bedeudet...</p>
</div>
/*CSS*/
.boxtwo {
width: 300px;
height: 300px;
margin-left: 50px;
background-image: url(../img/two/boxhintergrund.jpg);
border-style: 1px solid transparent;
border-radius: 30px;
box-shadow: 5px 5px 5px 0px #000000;
}
.boxtwo p {
text-align: center;
font-size: 40px;
/*position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
}
.boxtwo:hover {
background-image: url(../img/start/boxtwohover.jpg);
-webkit-transition: all 3s 0s ease-out;
-moz-transition: all 3s 0s ease-out;
-o-transition: all 3s 0s ease-out;
transition: all 3s 0s ease-out;
color: transparent;
}
Alles anzeigen