JSFiddle - React, Tailwind, and code Playground

by Golgi

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Block3</title>
    </head>
    
    <body>
      <div id="block3">
          <div id="title"><h2 id="tt">Zagolovok</h2><img id="arr" src="http://svetik21136.narod2.ru/beauty/images/arrow.png" /> </div>
          <div id="cont">Text</div>
          
        </div>
        
        
        
    </body>
</html>

CSS

body {
background: url('http://htmlbook.ru/example/images/redline.png');
}

#block3 {
  min-height: 80px;
  border: 3px solid #000000;
  padding:10px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#title {
   -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    padding: 5px;
    width: 99%;
    background: rgb(216,255,127); /* Old browsers */
background: -moz-linear-gradient(top, rgba(216,255,127,1) 0%, rgba(209,242,92,1) 34%, rgba(221,185,2,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,255,127,1)), color-stop(34%,rgba(209,242,92,1)), color-stop(100%,rgba(221,185,2,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(216,255,127,1) 0%,rgba(209,242,92,1) 34%,rgba(221,185,2,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(216,255,127,1) 0%,rgba(209,242,92,1) 34%,rgba(221,185,2,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(216,255,127,1) 0%,rgba(209,242,92,1) 34%,rgba(221,185,2,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8ff7f', endColorstr='#ddb902',GradientType=0 );...