A Pen by Marine

Thumbnail
This awesome code was written by darkdreams, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright darkdreams ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Marine</title>
  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="member">
    <img src="http://placehold.it/144x100">
    <div class="details">
        Membre du mois (m)<br/>
        Alexander Strudwick        
    </div>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/darkdreams/a-pen-by-marine-zqgMgd */
.member {
    width: 72px;
    height: 50px;
}

.member img {
    -webkit-transform: scale(.5);
            transform: scale(.5);
    transition: all 500ms ease-in-out;
}

.member img:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
}

.member .details {
    display: none;
}

Comments