Portfolio 1

Home » Components » Portfolio » Portfolio 1

Portfolio 1

Lion

Lorem ipsum dolor.

Tigger

Lorem ipsum dolor.

Panther

Lorem ipsum dolor.

Cheetah

Lorem ipsum dolor.

Bodcat

Lorem ipsum dolor.

House Cat

Lorem ipsum dolor.


Lion

Lorem ipsum dolor.

Tigger

Lorem ipsum dolor.

Panther

Lorem ipsum dolor.

Cheetah

Lorem ipsum dolor.

Bodcat

Lorem ipsum dolor.

House Cat

Lorem ipsum dolor.

/* ===== Portfolio 1 ===== */

#portfolio-1 figcaption {
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	        transform: translateY(0%);
}

#portfolio-1 figure {
	overflow: hidden
}

#portfolio-1 figure img {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

#portfolio-1 figure:hover img {
	-webkit-transform: scale(1.1) rotate(3deg);
	    -ms-transform: scale(1.1) rotate(3deg);
	        transform: scale(1.1) rotate(3deg);
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

#portfolio-1 figure figcaption {
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	opacity: 0;
}

#portfolio-1 figure:hover figcaption {
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	opacity: 1;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}