JSFiddle - React, Tailwind, and code Playground

by mirowin

HTML

<h1 class="myname">Шитиков Никита</h1>
<img src="" />

CSS

@import url(http://fonts.googleapis.com/css?family=Roboto:400, 500&subset=latin, cyrillic);
@import url(http://fonts.googleapis.com/css?family=Lobster);
html{
    min-width:700px;
    max-width:1100px;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    background:#333;
}
.myname{
    position:absolute;
    top:40%;
    left:10%;
    letter-spacing: 2px;
    font-family:lobster;
    font-size:50px;
    color: rgba(0,0,0,0.6);
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}

JavaScript

$('.myname').hover(function(){ 
    alert(q);
    $(".myname").css(
        "color",function(color){
    var r,g,b;
    r = random(0,100);
    g = random(0,100);
    b = random(0,100);
    color = "rgba("+r+","+g+","+b+",0.6)";
        return color;
    }
    );
});