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 {
    color: blue;
    background-color: pink;
    width: 300px;
    text-align: center;
    padding: 30px;
}

.newColor {
    color: lightgreen;
}

JavaScript

$('.projekter').hover(function () {
    $(".textanim").addClass('newColor');
},
function () {
    $(".textanim").removeClass('newColor');
});