JSFiddle - React, Tailwind, and code Playground

by Anna

HTML

<div class="projekter">
        <img         src="http://38.media.tumblr.com/2c07c6dd0db42f989bf47b741cb4516f/tumblr_msxw68bnA21r4xjo2o1_250.gif" >
        <p class="textanim">Her er noget tekst.</p>
   
</div>

CSS

.projekter {
    background-color: lightblue;
    width: 400px;
    text-align: center;
    padding: 30px;
}

.active {
    color: blue;   
}

.hover {
    color: red;   
}

JavaScript

$(document).ready(function(){
	$(".projekter").mouseover(function(){
		$(".textanim").fadeTo('fast',.5);
	});
	$(".projekter").mouseleave(function(){
		$(".textanim").fadeTo('fast',1);
	});
});