JSFiddle - React, Tailwind, and code Playground

by terby

HTML

<div class="bg">
	<div>
		İSTANBUL
	</div>
	<div style="color: #FFF;">
	İSTANBUL
	</div>
</div>

CSS

.bg {
	width: 400px;
	height: 200px;
	background: #666666;
	background: -moz-linear-gradient(left, #666666 0%, #bbbbbb 50%, #666666 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#666666), color-stop(50%,#bbbbbb), color-stop(100%,#666666));
    background: -webkit-linear-gradient(left, #666666 0%,#bbbbbb 50%,#666666 100%);
    background: -o-linear-gradient(left, #666666 0%,#bbbbbb 50%,#666666 100%);
    background: -ms-linear-gradient(left, #666666 0%,#bbbbbb 50%,#666666 100%);
		
		
		    font-family: 'pictos';
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: rgba(0,0,0,0.5);
    text-shadow: rgb(0 0 0 / 10%) 0px -2px 1px, rgb(255 255 255) 0px 1px 2px;
}