Hover up

Tutorials of (Hover up) by Guilherme lima

<!DOCTYPE html>
<html >
  <meta charset="UTF-8">
  <title>Hover up</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">

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


<img src="https://beemo.com.br/portfolio/img/galeria/beck_thumb.jpg" alt="">
<img class="up" src="https://beemo.com.br/portfolio/img/galeria/waterlove_thumb.jpg" alt="">
/* Downloaded from https://www.codeseek.co/ */
div {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  float: left;

img {
display: block;
height: auto;
max-width: 100%;

div img.up {
  position: absolute;
  top: 100%;
  -webkit-transition: top 300ms;
  -moz-transition: top 300ms;
  -ms-transition: top 300ms;
  -o-transition: top 300ms;

div:hover img.up {
  top: 0;
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( Hover up ) is write by Guilherme Lima, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Guilherme Lima